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

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

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

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

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

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

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