Tailwind CSS Renkler
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)Use the native HTML custom element.
The default color palette from Tailwind CSS — the most popular utility-first CSS framework. 22 color families with 11 shades each (50-950), carefully tuned for UI consistency.
242 renkler
Resmi belgeler →
Slate
50
100
200
300
400
500
600
700
800
900
950
Gray
50
100
200
300
400
500
600
700
800
900
950
Zinc
50
100
200
300
400
500
600
700
800
900
950
Neutral
50
100
200
300
400
500
600
700
800
900
950
Stone
50
100
200
300
400
500
600
700
800
900
950
Red
50
100
200
300
400
500
600
700
800
900
950
Orange
50
100
200
300
400
500
600
700
800
900
950
Amber
50
100
200
300
400
500
600
700
800
900
950
Yellow
50
100
200
300
400
500
600
700
800
900
950
Lime
50
100
200
300
400
500
600
700
800
900
950
Green
50
100
200
300
400
500
600
700
800
900
950
Emerald
50
100
200
300
400
500
600
700
800
900
950
Teal
50
100
200
300
400
500
600
700
800
900
950
Cyan
50
100
200
300
400
500
600
700
800
900
950
Sky
50
100
200
300
400
500
600
700
800
900
950
Blue
50
100
200
300
400
500
600
700
800
900
950
Indigo
50
100
200
300
400
500
600
700
800
900
950
Violet
50
100
200
300
400
500
600
700
800
900
950
Purple
50
100
200
300
400
500
600
700
800
900
950
Fuchsia
50
100
200
300
400
500
600
700
800
900
950
Pink
50
100
200
300
400
500
600
700
800
900
950
Rose
50
100
200
300
400
500
600
700
800
900
950