Конвертер цветов
Мгновенно конвертируйте коды цветов hex, RGB и HSL с живым предварительным просмотром. Копируйте значения цвета в любом формате для CSS.
Именованные цвета CSS
| Название цвета | Hex | RGB | |
|---|---|---|---|
| Red | #ff0000 | rgb(255, 0, 0) | |
| Coral | #ff7f50 | rgb(255, 127, 80) | |
| Orange | #ffa500 | rgb(255, 165, 0) | |
| Gold | #ffd700 | rgb(255, 215, 0) | |
| Yellow | #ffff00 | rgb(255, 255, 0) | |
| YellowGreen | #9acd32 | rgb(154, 205, 50) | |
| Lime | #00ff00 | rgb(0, 255, 0) | |
| Green | #008000 | rgb(0, 128, 0) | |
| Teal | #008080 | rgb(0, 128, 128) | |
| Cyan | #00ffff | rgb(0, 255, 255) | |
| DodgerBlue | #1e90ff | rgb(30, 144, 255) | |
| Blue | #0000ff | rgb(0, 0, 255) | |
| SlateBlue | #6a5acd | rgb(106, 90, 205) | |
| Purple | #800080 | rgb(128, 0, 128) | |
| HotPink | #ff69b4 | rgb(255, 105, 180) | |
| White | #ffffff | rgb(255, 255, 255) | |
| Silver | #c0c0c0 | rgb(192, 192, 192) | |
| Gray | #808080 | rgb(128, 128, 128) | |
| Black | #000000 | rgb(0, 0, 0) |
Часто задаваемые вопросы
Разделите 6-значный hex-код на три пары: первая — Красный, вторая — Зелёный, третья — Синий. Переведите каждую пару из шестнадцатеричной в десятичную систему. Например: #ff5733 → Красный=ff=255, Зелёный=57=87, Синий=33=51, итого rgb(255, 87, 51). Наш конвертер делает это мгновенно по мере ввода.
HSL расшифровывается как Оттенок (Hue), Насыщенность (Saturation) и Яркость (Lightness). Оттенок — угол на цветовом круге (0°–360°). Насыщенность (0–100%) определяет яркость цвета. Яркость (0–100%) управляет светлотой — 0% чёрный, 50% чистый цвет, 100% белый. HSL широко используется в CSS для программных изменений цвета.
Распространённые hex-коды: Красный=#ff0000, Оранжевый=#ffa500, Жёлтый=#ffff00, Зелёный=#008000, Циан=#00ffff, Синий=#0000ff, Фиолетовый=#800080, Розовый=#ff69b4, Белый=#ffffff, Серый=#808080, Чёрный=#000000. Нажмите на любую строку в таблице цветов ниже, чтобы мгновенно загрузить её.
CMYK (Голубой, Пурпурный, Жёлтый, Чёрный) — цветовая модель для цветной печати. В отличие от RGB (для экранов), CMYK вычитает свет из белой бумаги. Hex-код #ff0000 (чистый красный) соответствует cmyk(0%, 100%, 100%, 0%). Значения CMYK необходимы при подготовке макетов для профессиональной печати в InDesign или Illustrator.