Палитра Радужная пастель

#FFADAD #FFD6A5 #FDFFB6 #CAFFBF #9BF6FF #A0C4FF

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

:root {
  --color-1: #FFADAD;
  --color-2: #FFD6A5;
  --color-3: #FDFFB6;
  --color-4: #CAFFBF;
  --color-5: #9BF6FF;
  --color-6: #A0C4FF;
}

Конфиг Tailwind

// tailwind.config.js
colors: {
  "rainbow-pastel-1": "#FFADAD",
  "rainbow-pastel-2": "#FFD6A5",
  "rainbow-pastel-3": "#FDFFB6",
  "rainbow-pastel-4": "#CAFFBF",
  "rainbow-pastel-5": "#9BF6FF",
  "rainbow-pastel-6": "#A0C4FF",
}

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

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

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

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

#FFADADПочти чёрный10.65:1AA

#FFD6A5Почти чёрный13.87:1AA

#FDFFB6Почти чёрный18.13:1AA

#CAFFBFПочти чёрный16.71:1AA

#9BF6FFПочти чёрный15.31:1AA

#A0C4FFПочти чёрный10.65:1AA

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

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

текст \\ фон	#FFADAD	#FFD6A5	#FDFFB6	#CAFFBF	#9BF6FF	#A0C4FF
#FFADAD	·	1.30Не проходит	1.70Не проходит	1.57Не проходит	1.44Не проходит	1.00Не проходит
#FFD6A5	1.30Не проходит	·	1.31Не проходит	1.20Не проходит	1.10Не проходит	1.30Не проходит
#FDFFB6	1.70Не проходит	1.31Не проходит	·	1.09Не проходит	1.18Не проходит	1.70Не проходит
#CAFFBF	1.57Не проходит	1.20Не проходит	1.09Не проходит	·	1.09Не проходит	1.57Не проходит
#9BF6FF	1.44Не проходит	1.10Не проходит	1.18Не проходит	1.09Не проходит	·	1.44Не проходит
#A0C4FF	1.00Не проходит	1.30Не проходит	1.70Не проходит	1.57Не проходит	1.44Не проходит	·

Ещё палитры

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

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

Пастель Мята Сияние