Colors & Opacity

Apply colors and opacity to elements

Select a target, then click a color to apply it to the card.

Applying to

stone

red

orange

amber

emerald

blue

purple

b/w

Click colors on the left to change appearance.

bg-orange-500text-white

Tailwind CSS

<div class="bg-orange-500 text-white border-orange-700 border-2 rounded-lg p-5">
  <h3>Card Title</h3>
  <p>Card content...</p>
</div>

8 / 23