Палитра Лесной мох
CSS-переменные
:root {
--color-1: #1A2E1A;
--color-2: #38571A;
--color-3: #6B8F3A;
--color-4: #A3B565;
--color-5: #E0E5C8;
}Конфиг Tailwind
// tailwind.config.js
colors: {
"forest-moss-1": "#1A2E1A",
"forest-moss-2": "#38571A",
"forest-moss-3": "#6B8F3A",
"forest-moss-4": "#A3B565",
"forest-moss-5": "#E0E5C8",
}Об этой палитре
Палитра Лесной мох (Forest Moss) — подобранный набор из 5 цветов с HEX, RGB и готовым экспортом в CSS-переменные и Tailwind. Нажмите на любой свотч для подробностей цвета — конвертаций, контраста и гармоний.
Читаемый текст на каждом цвете
Белый и почти чёрный измерены на каждом свотче. AA значит, что пара берёт 4,5:1 для основного текста; «Только крупный» — что берёт лишь 3:1, и годится от 24px.
Aa
#1A2E1AБелый14.49:1AAAa
#38571AБелый8.25:1AAAa
#6B8F3AПочти чёрный5.05:1AAAa
#A3B565Почти чёрный8.42:1AAAa
#E0E5C8Почти чёрный14.59:1AAЭти цвета друг на друге
6 из 20 сочетаний внутри палитры проходят 4,5:1 для основного текста. Строки — цвет текста, столбцы — фон.
| текст \\ фон | #1A2E1A | #38571A | #6B8F3A | #A3B565 | #E0E5C8 |
|---|---|---|---|---|---|
| #1A2E1A | 1.76Не проходит | 3.87Только крупный | 6.45AA | 11.18AA | |
| #38571A | 1.76Не проходит | 2.21Не проходит | 3.67Только крупный | 6.37AA | |
| #6B8F3A | 3.87Только крупный | 2.21Не проходит | 1.67Не проходит | 2.89Не проходит | |
| #A3B565 | 6.45AA | 3.67Только крупный | 1.67Не проходит | 1.73Не проходит | |
| #E0E5C8 | 11.18AA | 6.37AA | 2.89Не проходит | 1.73Не проходит |
Ещё палитры