Палитра Золото и чёрный

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

:root {
  --color-1: #000000;
  --color-2: #14213D;
  --color-3: #FCA311;
  --color-4: #E5E5E5;
  --color-5: #FFFFFF;
}

Конфиг Tailwind

// tailwind.config.js
colors: {
  "gold-black-1": "#000000",
  "gold-black-2": "#14213D",
  "gold-black-3": "#FCA311",
  "gold-black-4": "#E5E5E5",
  "gold-black-5": "#FFFFFF",
}

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

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

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

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

#000000Белый21.00:1AA

#14213DБелый15.97:1AA

#FCA311Почти чёрный9.34:1AA

#E5E5E5Почти чёрный15.00:1AA

#FFFFFFПочти чёрный18.89:1AA

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

12 из 20 сочетаний внутри палитры проходят 4,5:1 для основного текста. Строки — цвет текста, столбцы — фон.

текст \\ фон	#000000	#14213D	#FCA311	#E5E5E5	#FFFFFF
#000000	·	1.31Не проходит	10.39AA	16.67AA	21.00AA
#14213D	1.31Не проходит	·	7.90AA	12.68AA	15.97AA
#FCA311	10.39AA	7.90AA	·	1.61Не проходит	2.02Не проходит
#E5E5E5	16.67AA	12.68AA	1.61Не проходит	·	1.26Не проходит
#FFFFFF	21.00AA	15.97AA	2.02Не проходит	1.26Не проходит	·

Ещё палитры

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

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

Небо Ореол Софит