Палитра Ягода

CSS-переменные

:root {
  --color-1: #590D22;
  --color-2: #800F2F;
  --color-3: #A4133C;
  --color-4: #C9184A;
  --color-5: #FF4D6D;
}

Конфиг Tailwind

// tailwind.config.js
colors: {
  "berry-1": "#590D22",
  "berry-2": "#800F2F",
  "berry-3": "#A4133C",
  "berry-4": "#C9184A",
  "berry-5": "#FF4D6D",
}

Об этой палитре

Палитра Ягода (Berry) — подобранный набор из 5 цветов с HEX, RGB и готовым экспортом в CSS-переменные и Tailwind. Нажмите на любой свотч для подробностей цвета — конвертаций, контраста и гармоний.

Читаемый текст на каждом цвете

Белый и почти чёрный измерены на каждом свотче. AA значит, что пара берёт 4,5:1 для основного текста; «Только крупный» — что берёт лишь 3:1, и годится от 24px.

#590D22Белый13.95:1AA

#800F2FБелый10.36:1AA

#A4133CБелый7.67:1AA

#C9184AБелый5.66:1AA

#FF4D6DПочти чёрный5.88:1AA

Эти цвета друг на друге

Ни одно из 20 сочетаний внутри палитры не дотягивает до 4,5:1 — сочетайте её цвета с белым или почти чёрным, а не друг с другом.

текст \\ фон	#590D22	#800F2F	#A4133C	#C9184A	#FF4D6D
#590D22	·	1.35Не проходит	1.82Не проходит	2.47Не проходит	4.34Только крупный
#800F2F	1.35Не проходит	·	1.35Не проходит	1.83Не проходит	3.22Только крупный
#A4133C	1.82Не проходит	1.35Не проходит	·	1.36Не проходит	2.39Не проходит
#C9184A	2.47Не проходит	1.83Не проходит	1.36Не проходит	·	1.76Не проходит
#FF4D6D	4.34Только крупный	3.22Только крупный	2.39Не проходит	1.76Не проходит	·

Ещё палитры

Смотрите также

Градиенты в той же гамме

Вино Карамель Пламя