HEX
в RGBA
Обычный код цвета не умеет хранить прозрачность — для неё нужен четвёртый канал. Двигайте ползунок альфы и получайте готовую запись rgba, а заодно восьмизначный код, который понимают все современные браузеры.
- 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.
Таблица уровней прозрачности
Какой суффикс дописать к коду цвета, чтобы получить нужный процент
- 100 % непрозрачности alpha 1,00 · канал 255 FF
- 95 % непрозрачности alpha 0,95 · канал 242 F2
- 90 % непрозрачности alpha 0,90 · канал 230 E6
- 85 % непрозрачности alpha 0,85 · канал 217 D9
- 80 % непрозрачности alpha 0,80 · канал 204 CC
- 75 % непрозрачности alpha 0,75 · канал 191 BF
- 70 % непрозрачности alpha 0,70 · канал 179 B3
- 65 % непрозрачности alpha 0,65 · канал 166 A6
- 60 % непрозрачности alpha 0,60 · канал 153 99
- 55 % непрозрачности alpha 0,55 · канал 140 8C
- 50 % непрозрачности alpha 0,50 · канал 128 80
- 45 % непрозрачности alpha 0,45 · канал 115 73
- 40 % непрозрачности alpha 0,40 · канал 102 66
- 35 % непрозрачности alpha 0,35 · канал 89 59
- 30 % непрозрачности alpha 0,30 · канал 77 4D
- 25 % непрозрачности alpha 0,25 · канал 64 40
- 20 % непрозрачности alpha 0,20 · канал 51 33
- 15 % непрозрачности alpha 0,15 · канал 38 26
- 10 % непрозрачности alpha 0,10 · канал 26 1A
- 5 % непрозрачности alpha 0,05 · канал 13 0D
- 0 % непрозрачности alpha 0,00 · канал 0 00
Четвёртый канал и две его записи
Прозрачность хранится отдельным каналом, который называют альфой. В записи rgba он идёт четвёртым числом от 0 до 1: ноль означает полностью прозрачный цвет, единица — полностью непрозрачный. В восьмизначном коде та же величина записывается двумя дополнительными знаками в конце, как и остальные каналы.
Перевод между записями простой: умножьте долю на 255 и переведите результат в шестнадцатеричную систему. Половина даёт 128, то есть суффикс 80, три четверти — 191 и суффикс BF. Обратите внимание, что шкала не круглая: привычные 50 процентов превращаются не в «половину от FF» на глаз, а в конкретное 80, и именно поэтому таблица выше бывает полезнее калькулятора.
- FF — 100 %, полностью непрозрачный
- BF — 75 %
- 80 — 50 %
- 40 — 25 %
- 00 — 0 %, невидимый