Renk Tonları Üretici
Seçtiğiniz renkten Tailwind uyumlu 11 ton üretin. CSS değişkenleri, Tailwind config ve SCSS çıktısı.
Renk Değerleri
| Ton | HEX | RGB | HSL | |
|---|---|---|---|---|
50 | #f0f6fe | rgb(240,246,254) | hsl(214,88%,97%) | |
100 | #e2ecfe | rgb(226,236,254) | hsl(219,93%,94%) | |
200 | #bbd4fc | rgb(187,212,252) | hsl(217,92%,86%) | |
300 | #80aff9 | rgb(128,175,249) | hsl(217,91%,74%) | |
400 | #4186f6 | rgb(65,134,246) | hsl(217,91%,61%) | |
500 ★ | #3b82f6 | rgb(59,130,246) | hsl(217,91%,60%) | |
600 | #0a54cd | rgb(10,84,205) | hsl(217,91%,42%) | |
700 | #07409c | rgb(7,64,156) | hsl(217,91%,32%) | |
800 | #052e70 | rgb(5,46,112) | hsl(217,91%,23%) | |
900 | #031e49 | rgb(3,30,73) | hsl(217,92%,15%) | |
950 | #021431 | rgb(2,20,49) | hsl(217,92%,10%) |
:root {
--color-primary-50: #f0f6fe;
--color-primary-100: #e2ecfe;
--color-primary-200: #bbd4fc;
--color-primary-300: #80aff9;
--color-primary-400: #4186f6;
--color-primary-500: #3b82f6;
--color-primary-600: #0a54cd;
--color-primary-700: #07409c;
--color-primary-800: #052e70;
--color-primary-900: #031e49;
--color-primary-950: #021431;
}