a11y.skipToMainContent
1

Цветовой преобразователь

Конвертируйте между HEX, RGB, HSL и RGBA — выберите цвет или наберите любой формат, а остальные обновите в прямом эфире.

Was this tool helpful?
Send output to:
Advertisement

How to use Color Converter

  1. Выберите цвет или тип в любом формате.
  2. Прочитайте остальные три формата.
  3. Копируйте все, что вам нужно.

Что такое имя?

Дизайнеры и разработчики постоянно переходят между цветовыми форматами. Этот инструмент сохраняет четыре представления в синхронизации: выберите цвет из родного пикера, вставьте значения HEX или введите значения RGB / HSL, и все четыре поля обновятся с помощью живого часа
Advertisement

FAQ

Поддерживаете ли вы альфа?
Да — RGBA / 8-значный HEX (например, #2563eb80) и HSLA сохраняют прозрачность.
Можно ли использовать названия цветов CSS, например, «красный»?
Да, ввод цветовых имен CSS преобразует их в HEX, RGB и другие форматы по мере ввода.
Показывает ли он предварительный просмотр цвета?
Да, цветные часы обновляются в режиме реального времени, что позволяет вам видеть цвет при корректировке значений.

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

Advertisement