Конвертер кольорів

Скорочений HEX подвоює символи

#abc — це не #abc000 і не #0abc00, а #aabbcc: кожен із трьох символів подвоюється. Тому скороченою формою можна записати лише ті кольори, у яких обидві цифри кожного каналу однакові.

#f00 це #ff0000 — чистий червоний. А от #f10 дасть #ff1100, і записати #ff1000 коротко вже неможливо.

Вісім знаків — це альфа, і вона шістнадцяткова

#3d5a8080 — останні два символи це прозорість, і рахується вона не у відсотках, а від 255, як і решта каналів. 80 у шістнадцятковій це 128, тобто приблизно 50%.

Звідси часта помилка: пишуть #3d5a8050, чекаючи 50%, а отримують 31%.

У HSL відсотки обов'язкові

Запис hsl(213 35 37) недійсний — насиченість і світлість мусять мати знак відсотка: hsl(213 35% 37%). Браузер не підставить його сам і просто проігнорує все правило.

Відтінок навпаки — пишеться без одиниць (або з deg) і закільцьований: hsl(370 …) це те саме, що hsl(10 …).

Пробіли замість ком

Сучасний синтаксис пише канали через пробіли, а прозорість — після слеша: rgb(255 0 0 / 50%). Стара кома-форма з окремими функціями rgba() і hsla() лишається робочою назавжди, але в новому коді її вже не пишуть — rgb() і hsl() самі приймають альфу.