Цвет Tailwind Fuchsia 200: коды и конвертация

Получите точные HEX, RGB, CMYK, HSL, LAB, HWB и OKLCH значения для цвета fuchsia-200 из Tailwind CSS. Цвет уже подставлен в конвертер, поэтому можно сразу копировать код или переводить его в нужное пространство.

4.7 /5 (Оценок: 109)
Поддерживаются HEX, RGB, CMYK, HSL, HSV, LAB, HWB, OKLCH и CSS color names

Маска: #E4002B

Распознан формат: RGBНайдена палитра: fuchsia-200
Все форматы цвета

HEX

RGB

CMYK

HSL

HSV / HSB

LAB

HWB

OKLCH

Превью цвета
Откройте системную палитру и выберите оттенок без ручного ввода формата.
Текущее значение: #F5D0FE
Выбранная плашка: fuchsia-200

Похожие цвета в палитрах

Ближайшие оттенки в Tailwind, Material и Web Safe относительно текущего цвета.

Tailwind

fuchsia-200
#F5D0FE
purple-200
#E9D5FF
pink-200
#FBCFE8
purple-100
#F3E8FF
fuchsia-100
#FAE8FF
violet-200
#DDD6FE

Material

purple-50
#F3E5F5
deep-purple-50
#EDE7F6
pink-50
#FCE4EC
indigo-50
#E8EAF6
red-50
#FFEBEE
deep-orange-50
#FBE9E7

Web Safe

#FFCCFF
#FFCCFF
#CCCCFF
#CCCCFF
#FFFFFF
#FFFFFF
#FFCCCC
#FFCCCC
#FF99FF
#FF99FF
#CCFFFF
#CCFFFF

Slate

11
slate-50
slate-100
slate-200
slate-300
slate-400
slate-500
slate-600
slate-700
slate-800
slate-900
slate-950

Gray

11
gray-50
gray-100
gray-200
gray-300
gray-400
gray-500
gray-600
gray-700
gray-800
gray-900
gray-950

Zinc

11
zinc-50
zinc-100
zinc-200
zinc-300
zinc-400
zinc-500
zinc-600
zinc-700
zinc-800
zinc-900
zinc-950

Neutral

11
neutral-50
neutral-100
neutral-200
neutral-300
neutral-400
neutral-500
neutral-600
neutral-700
neutral-800
neutral-900
neutral-950

Stone

11
stone-50
stone-100
stone-200
stone-300
stone-400
stone-500
stone-600
stone-700
stone-800
stone-900
stone-950

Red

11
red-50
red-100
red-200
red-300
red-400
red-500
red-600
red-700
red-800
red-900
red-950

Orange

11
orange-50
orange-100
orange-200
orange-300
orange-400
orange-500
orange-600
orange-700
orange-800
orange-900
orange-950

Amber

11
amber-50
amber-100
amber-200
amber-300
amber-400
amber-500
amber-600
amber-700
amber-800
amber-900
amber-950

Yellow

11
yellow-50
yellow-100
yellow-200
yellow-300
yellow-400
yellow-500
yellow-600
yellow-700
yellow-800
yellow-900
yellow-950

Lime

11
lime-50
lime-100
lime-200
lime-300
lime-400
lime-500
lime-600
lime-700
lime-800
lime-900
lime-950

Green

11
green-50
green-100
green-200
green-300
green-400
green-500
green-600
green-700
green-800
green-900
green-950

Emerald

11
emerald-50
emerald-100
emerald-200
emerald-300
emerald-400
emerald-500
emerald-600
emerald-700
emerald-800
emerald-900
emerald-950

Teal

11
teal-50
teal-100
teal-200
teal-300
teal-400
teal-500
teal-600
teal-700
teal-800
teal-900
teal-950

Cyan

11
cyan-50
cyan-100
cyan-200
cyan-300
cyan-400
cyan-500
cyan-600
cyan-700
cyan-800
cyan-900
cyan-950

Sky

11
sky-50
sky-100
sky-200
sky-300
sky-400
sky-500
sky-600
sky-700
sky-800
sky-900
sky-950

Blue

11
blue-50
blue-100
blue-200
blue-300
blue-400
blue-500
blue-600
blue-700
blue-800
blue-900
blue-950

Indigo

11
indigo-50
indigo-100
indigo-200
indigo-300
indigo-400
indigo-500
indigo-600
indigo-700
indigo-800
indigo-900
indigo-950

Violet

11
violet-50
violet-100
violet-200
violet-300
violet-400
violet-500
violet-600
violet-700
violet-800
violet-900
violet-950

Purple

11
purple-50
purple-100
purple-200
purple-300
purple-400
purple-500
purple-600
purple-700
purple-800
purple-900
purple-950

Fuchsia

11
fuchsia-50
fuchsia-100
fuchsia-200
fuchsia-300
fuchsia-400
fuchsia-500
fuchsia-600
fuchsia-700
fuchsia-800
fuchsia-900
fuchsia-950

Pink

11
pink-50
pink-100
pink-200
pink-300
pink-400
pink-500
pink-600
pink-700
pink-800
pink-900
pink-950

Rose

11
rose-50
rose-100
rose-200
rose-300
rose-400
rose-500
rose-600
rose-700
rose-800
rose-900
rose-950

Система

tailwind

Семейство

Fuchsia

HEX

#F5D0FE

Как использовать этот цвет в проекте

Оттенок fuchsia-200 относится к палитре Tailwind CSS и хорошо работает как светлый базовый цвет для интерфейсов, маркетинговых блоков и дизайн-систем. На странице можно быстро проверить, как этот HEX ведёт себя в RGB, HSL, LAB и OKLCH, прежде чем переносить его в токены проекта или UI-kit.

Как сочетать цвет в интерфейсе

Для пары с fuchsia-200 удобно сразу смотреть контраст и соседние оттенки той же семьи Fuchsia. Светлые значения лучше подходят для фонов и бейджей, средние - для кнопок и ссылок, тёмные - для текста, иконок и состояний hover. Это снижает риск выбрать красивый, но слабочитаемый цвет.

Что проверить перед экспортом

Если цвет нужен одновременно для веба и печати, начните с HEX #F5D0FE, затем проверьте CMYK и LAB в конвертере. Так проще согласовать оттенок между Tailwind-конфигом, макетом и экспортом в PDF или презентацию, не теряя визуальную согласованность на разных носителях.

Похожие оттенки этой палитры

Быстрые переходы к соседним цветам для сравнения контраста, яркости и кодов.