Палитра Глубокая бирюза
CSS-переменные
:root {
--color-1: #03312E;
--color-2: #0B5351;
--color-3: #12908C;
--color-4: #5FD9CE;
--color-5: #D6F5F2;
}Конфиг Tailwind
// tailwind.config.js
colors: {
"deep-teal-1": "#03312E",
"deep-teal-2": "#0B5351",
"deep-teal-3": "#12908C",
"deep-teal-4": "#5FD9CE",
"deep-teal-5": "#D6F5F2",
}Об этой палитре
Палитра Глубокая бирюза (Deep Teal) — подобранный набор из 5 цветов с HEX, RGB и готовым экспортом в CSS-переменные и Tailwind. Нажмите на любой свотч для подробностей цвета — конвертаций, контраста и гармоний.
Читаемый текст на каждом цвете
Белый и почти чёрный измерены на каждом свотче. AA значит, что пара берёт 4,5:1 для основного текста; «Только крупный» — что берёт лишь 3:1, и годится от 24px.
Aa
#03312EБелый14.16:1AAAa
#0B5351Белый8.86:1AAAa
#12908CПочти чёрный4.85:1AAAa
#5FD9CEПочти чёрный11.07:1AAAa
#D6F5F2Почти чёрный16.38:1AAЭти цвета друг на друге
8 из 20 сочетаний внутри палитры проходят 4,5:1 для основного текста. Строки — цвет текста, столбцы — фон.
| текст \\ фон | #03312E | #0B5351 | #12908C | #5FD9CE | #D6F5F2 |
|---|---|---|---|---|---|
| #03312E | 1.60Не проходит | 3.64Только крупный | 8.30AA | 12.28AA | |
| #0B5351 | 1.60Не проходит | 2.28Не проходит | 5.19AA | 7.68AA | |
| #12908C | 3.64Только крупный | 2.28Не проходит | 2.28Не проходит | 3.37Только крупный | |
| #5FD9CE | 8.30AA | 5.19AA | 2.28Не проходит | 1.48Не проходит | |
| #D6F5F2 | 12.28AA | 7.68AA | 3.37Только крупный | 1.48Не проходит |
Ещё палитры