Палитра Уголь и янтарь
CSS-переменные
:root {
--color-1: #1C1C1C;
--color-2: #3A3A3A;
--color-3: #F59E0B;
--color-4: #FCD34D;
--color-5: #FAFAF9;
}Конфиг Tailwind
// tailwind.config.js
colors: {
"charcoal-amber-1": "#1C1C1C",
"charcoal-amber-2": "#3A3A3A",
"charcoal-amber-3": "#F59E0B",
"charcoal-amber-4": "#FCD34D",
"charcoal-amber-5": "#FAFAF9",
}Об этой палитре
Палитра Уголь и янтарь (Charcoal Amber) — подобранный набор из 5 цветов с HEX, RGB и готовым экспортом в CSS-переменные и Tailwind. Нажмите на любой свотч для подробностей цвета — конвертаций, контраста и гармоний.
Читаемый текст на каждом цвете
Белый и почти чёрный измерены на каждом свотче. AA значит, что пара берёт 4,5:1 для основного текста; «Только крупный» — что берёт лишь 3:1, и годится от 24px.
Aa
#1C1C1CБелый17.04:1AAAa
#3A3A3AБелый11.37:1AAAa
#F59E0BПочти чёрный8.80:1AAAa
#FCD34DПочти чёрный13.10:1AAAa
#FAFAF9Почти чёрный18.09:1AAЭти цвета друг на друге
12 из 20 сочетаний внутри палитры проходят 4,5:1 для основного текста. Строки — цвет текста, столбцы — фон.
| текст \\ фон | #1C1C1C | #3A3A3A | #F59E0B | #FCD34D | #FAFAF9 |
|---|---|---|---|---|---|
| #1C1C1C | 1.50Не проходит | 7.94AA | 11.82AA | 16.32AA | |
| #3A3A3A | 1.50Не проходит | 5.30AA | 7.89AA | 10.89AA | |
| #F59E0B | 7.94AA | 5.30AA | 1.49Не проходит | 2.06Не проходит | |
| #FCD34D | 11.82AA | 7.89AA | 1.49Не проходит | 1.38Не проходит | |
| #FAFAF9 | 16.32AA | 10.89AA | 2.06Не проходит | 1.38Не проходит |
Ещё палитры