HEX
в RGB
Шестнадцатеричный код и RGB — это одна и та же тройка чисел, записанная по-разному. Каждая пара знаков в коде превращается в число от 0 до 255. Вставьте цвет и получите готовую запись для кода.
- HEX#4F8EF7
- RGBrgb(79, 142, 247)
- RGBArgba(79, 142, 247, 1)
- HSLhsl(218, 91%, 64%)
- HSBhsv(218, 68%, 97%)
- CMYKcmyk(68%, 43%, 0%, 3%)
- LABlab(59.64 13.2 -58.51)
- DEC5213943
Тон и насыщенность сохранены, меняется только светлота. Нажмите на образец, чтобы сделать его основным.
| На белом фоне | 3.21 : 1 | только крупный |
| На чёрном фоне | 6.54 : 1 | ✓ AA |
Для обычного текста стандарт требует контраст не ниже 4,5 : 1, для крупного — от 3 : 1.
Популярные цвета в HEX и RGB
33 именованных оттенка CSS — код и готовая запись rgb() рядом
- Красный red rgb(255, 0, 0)
- Тёмно-красный darkred rgb(139, 0, 0)
- Малиновый crimson rgb(220, 20, 60)
- Коралловый coral rgb(255, 127, 80)
- Оранжевый orange rgb(255, 165, 0)
- Золотой gold rgb(255, 215, 0)
- Жёлтый yellow rgb(255, 255, 0)
- Хаки khaki rgb(240, 230, 140)
- Лаймовый lime rgb(0, 255, 0)
- Зелёный green rgb(0, 128, 0)
- Тёмно-зелёный darkgreen rgb(0, 100, 0)
- Оливковый olive rgb(128, 128, 0)
- Бирюзовый turquoise rgb(64, 224, 208)
- Аквамарин aquamarine rgb(127, 255, 212)
- Циан cyan rgb(0, 255, 255)
- Небесно-голубой skyblue rgb(135, 206, 235)
- Синий blue rgb(0, 0, 255)
- Тёмно-синий darkblue rgb(0, 0, 139)
- Королевский синий royalblue rgb(65, 105, 225)
- Индиго indigo rgb(75, 0, 130)
- Сине-фиолетовый blueviolet rgb(138, 43, 226)
- Пурпурный purple rgb(128, 0, 128)
- Маджента magenta rgb(255, 0, 255)
- Ярко-розовый hotpink rgb(255, 105, 180)
- Розовый pink rgb(255, 192, 203)
- Коричневый brown rgb(165, 42, 42)
- Шоколадный chocolate rgb(210, 105, 30)
- Бежевый beige rgb(245, 245, 220)
- Белый white rgb(255, 255, 255)
- Дымчато-белый whitesmoke rgb(245, 245, 245)
- Шиферно-серый slategray rgb(112, 128, 144)
- Серый gray rgb(128, 128, 128)
- Чёрный black rgb(0, 0, 0)
Как разобрать код вручную
Код делится на три пары знаков: первая отвечает за красный канал, вторая за зелёный, третья за синий. Каждая пара — число в шестнадцатеричной системе, где после девятки идут буквы от A до F, обозначающие значения от 10 до 15.
Считается так: первый знак умножьте на 16 и прибавьте второй. В коде #4F8EF7 пара 4F даёт 4 × 16 + 15 = 79, пара 8E даёт 8 × 16 + 14 = 142, пара F7 — 15 × 16 + 7 = 247. Отсюда и запись rgb(79, 142, 247). Максимум для пары — FF, то есть 255, минимум — 00.
- 00 — 0, канал выключен
- 80 — 128, примерно половина
- C0 — 192
- FF — 255, канал на максимуме
- #f0a — короткая форма от #FF00AA