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

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

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

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

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

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

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