Мгновенное преобразование цветов во всех направлениях
Конвертер цветов полезен только в том случае, если он воспроизводит все ваши обозначения. Этот инструмент преобразует HEX в RGB и обратно, а также объединяет HSL, HSV (также называемый HSB) и CMYK — все одновременно и в реальном времени. Введите HEX, например #3b82f6, и вы сразу получите его rgb(59, 130, 246), его hsl(217, 91%, 60%), его hsv(217, 97%, 96%) и его cmyk(76%, 47%, 0%, 4%). Измените любое одно поле, и остальные последуют за ним, чтобы вы могли выбрать модель, которая соответствует заданию: HEX для разметки, RGB для холста и градиентов, HSL/HSV для интуитивной настройки яркости и насыщенности и CMYK, когда дизайн отправляется на печать.
От HEX до RGB, HSL, HSV и CMYK без математики
Внутри преобразователь нормализует каждый входной сигнал до одной тройки RGB, а затем применяет стандартные формулы sRGB для получения остальных пространств — те же математические браузеры и инструменты дизайна, которые используют, поэтому числа соответствуют тем, что вы видите в Figma, Photoshop или Chrome DevTools. Он также понимает сокращенный HEX (#fff), 8-значный HEX с буквой (#3b82f6aa), rgb()/rgba(), hsl()/hsla() и распространенные цвета с именами CSS, такие как малиновый, бирюзовый и золотой, поэтому вам никогда не придется запоминать формулы или переключать вкладки. В каждом формате есть кнопка копирования, а большой образец предварительного просмотра показывает ваш цвет на реальном фоне, так что вы можете сразу проверить его работоспособность.
Создавайте лучшие палитры с гармониями и наклонами.
Выбрать один цвет легко; Создание связной палитры — сложная часть. Конвертер генерирует цветовые гармонии на основе правил теории цвета — дополнительных (противоположных на круге), аналогичных (соседей), триадных и тетрадных (равномерно расположенных) — в виде кликабельных образцов, которые вы можете добавить прямо в свой проект. Линейка яркости меняется от почти черного до почти белого с одним и тем же оттенком и насыщенностью, предоставляя вам те оттенки и оттенки, которые дизайнеры используют, когда им нужны состояния наведения, границы и отключения. Двухцветный миксер позволяет смешивать любую пару цветов в выбранном соотношении для создания промежуточных тонов, а ряд точной настройки позволяет осветлять, затемнять, насыщать, обесцвечивать или поворачивать оттенок одним щелчком мыши.
Доступность и конфиденциальность встроены
Хороший цвет — читаемый цвет. Конвертер показывает коэффициент контрастности WCAG вашего цвета как по отношению к белому, так и по черному, а также отмечает соответствие стандартам AA (4,5:1) и AAA (7:1), поэтому вы можете уловить низкоконтрастный текст перед его отправкой — естественный спутник специальной программы проверки контрастности. А поскольку все работает локально в вашем браузере, ваши цвета никогда не покидают ваше устройство: нет загрузки, нет учетной записи и нет отслеживания, что обеспечивает конфиденциальность работы бренда и клиента, а инструмент остается мгновенным.
- 01
- Двунаправленный HEX ↔ RGB ↔ HSL ↔ HSV ↔ CMYK, с альфа-каналом
- 02
- Интерактивные слайдеры RGB, HSL и альфа с динамическими дорожками градиента
- 03
- Собственная палитра цветов + браузер EyeDropper
- 04
- Недавняя история + сохраненные образцы (хранятся в вашем браузере)
- 05
- Поддержка именованных цветов CSS (малиновый, бирюзовый, золотой…)
- 06
- Гармонии, цветовая гамма + двухцветный смеситель
- 07
- Предварительный просмотр цветовой слепоты (протанопия, дейтеранопия, тританопия)
- 08
- Контрастные значки WCAG AA/AAA в реальном времени
- 09
- Готовый к копированию экспорт для CSS, Tailwind, SCSS, Swift и Android
