Конвертер цветов: HEX, RGB, HSV, Swift и Kotlin

Введите HEX или выберите цвет — получите значения и готовый код для веба, iOS и Android.

Aa пример текста

Работает полностью в браузере. Введённые данные не отправляются и не сохраняются.

Как пользоваться

  1. Введите HEX (#RGB, #RRGGBB или 8 знаков) или выберите цвет.
  2. Укажите порядок 8 знаков: ARGB (iOS/Android) или RGBA (CSS).
  3. Скопируйте нужный формат.

Дизайнеры передают цвета в виде HEX-кодов, но iOS, Android и CSS записывают их по-разному. Этот конвертер цветов принимает HEX — #RGB, #RRGGBB или 8 цифр — либо цвет из палитры и выдаёт HEX, rgb(), rgba(), HSV, CSS-код #RRGGBBAA, UIColor для Swift, Color для SwiftUI, Color(0xAARRGGBB) для Kotlin и ресурс <color> для Android, готовые к копированию.

Трёхзначные коды раскрываются повтором каждой цифры: #ABC превращается в #AABBCC. Для 8-значных кодов вы выбираете место альфа-канала: ARGB, как в Android и многих iOS-хелперах, или RGBA, как в CSS. Значения для Swift — это канал ÷ 255 с округлением до трёх знаков. Яркость считается по весам YIQ (R×299 + G×587 + B×114) ÷ 1000 в диапазоне 0–1; выше 0,5 цвет считается светлым и предлагается тёмный текст, иначе белый.

Ограничения: короткая 4-значная запись #RGBA не распознаётся — используйте 8 цифр. Палитра задаёт только RGB, поэтому после выбора цвета альфа снова становится непрозрачной. HSV округляется до целых, а преобразование между цветовыми пространствами, например Display P3 и sRGB, не выполняется. Символы, не являющиеся шестнадцатеричными цифрами, включая #, игнорируются. Конвертация полностью выполняется в браузере, ничего не отправляется.

Частые вопросы

Чем отличаются #AARRGGBB и #RRGGBBAA?

Android и многие iOS-утилиты ставят альфу первой (AARRGGBB), CSS — последней (RRGGBBAA).

Как выбирается цвет текста?

Яркость по формуле YIQ: (R×299 + G×587 + B×114) ÷ 1000. Выше 0,5 — тёмный текст, иначе белый.

Работает ли HEX из 3 знаков?

Да. #ABC превращается в #AABBCC.

Похожие инструменты