Выбор цвета — Бесплатно Онлайн
Выберите цвет и мгновенно получите значения HEX, RGB и HSL.
Who uses the Выбор цвета?
- Веб-дизайнеры, извлекающие точные HEX-коды из брендбуков для CSS.
- Разработчики, конвертирующие между HEX, RGB, HSL и CMYK для дизайн-спецификаций.
- Художники и мастера, подбирающие цвета краски или ткани под цифровые образцы.
How the Выбор цвета works
Нажмите на цветовой образец, чтобы открыть встроенный в браузер выбор цвета и выбрать любой оттенок, насыщенность и яркость.
Или введите известный 6-значный HEX-код (например, #3b82f6) в текстовое поле, чтобы загрузить именно этот цвет.
Значения HEX, RGB, HSL и CMYK мгновенно обновляются ниже.
Нажмите любую кнопку «Копировать», чтобы скопировать значение этого формата в буфер обмена.
Tips & tricks
- Здесь нет пипетки или функции сэмплирования цвета с экрана — выбор цвета осуществляется либо через встроенный в браузер диалог цветового круга, либо путём непосредственного ввода HEX-кода.
- Нет генератора палитр, предложений комплементарных/аналоговых/триадных цветов или вывода оттенков/теней — этот инструмент конвертирует и отображает только один цвет за раз.
- Здесь нет встроенной проверки контраста доступности/WCAG — выберите цвет здесь, затем проверьте контраст отдельно с помощью специального инструмента проверки контраста.
- Текстовое поле HEX принимает только полный 6-значный код (например, #3b82f6) — сокращённый 3-значный HEX (например, #3bf) распознан не будет.
Frequently Asked Questions
Как выбрать цвет с изображения или экрана?
У этого инструмента нет встроенной функции пипетки/сэмплирования цвета с экрана — он предлагает только встроенный в браузер выбор цвета (диалог цветового круга/ползунков) и ручной ввод HEX. Чтобы взять цвет с существующего изображения или экрана, используйте встроенный в операционную систему инструмент выбора цвета (например, Digital Color Meter в macOS, Windows PowerToys Color Picker) или пипетку из DevTools вашего браузера, затем вставьте полученный HEX-код сюда.
В чём разница между форматами цвета HEX, RGB и HSL?
HEX (#FF5733) — сокращённая запись, используемая в веб/CSS. RGB (255, 87, 51) задаёт компоненты красного, зелёного, синего 0–255. HSL (11°, 100%, 60%) использует оттенок, насыщенность, светлоту — более интуитивно для корректировок дизайна. Этот инструмент показывает все три одновременно.
Что такое CMYK и когда он нужен?
CMYK (голубой, пурпурный, жёлтый, чёрный) — цветовая модель, используемая в печати. Если вы отправляете дизайн в типографию, запросите значения CMYK — экранные (RGB/HEX) цвета могут выглядеть иначе при печати.
Проверяет ли этот инструмент контраст WCAG или соответствие доступности?
Нет — он только конвертирует и отображает выбранный вами цвет в HEX/RGB/HSL/CMYK. Он не рассчитывает коэффициенты контраста относительно белого/чёрного и не отмечает прохождение/непрохождение WCAG. Для проверки контраста доступности используйте специальный инструмент проверки контраста с вашим выбранным значением HEX.
Может ли этот инструмент сгенерировать полную цветовую палитру (комплементарную, аналоговую, триадную) из одного цвета?
Нет — этот инструмент только конвертирует и отображает один выбранный цвет в разных форматах; он не генерирует предложения палитр, оттенки или тени. Чтобы создать палитру из базового цвета, используйте специальный генератор цветовых палитр.
Is my data safe when using the Выбор цвета?
Completely safe. The Выбор цвета processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
What image formats does the Выбор цвета support?
The Выбор цвета works with common image formats supported by your browser, including JPEG, PNG, WebP, and GIF. SVG support varies by tool. No format conversion plugin or driver is needed.
Does the Выбор цвета work with large image files?
Yes. The Выбор цвета processes files entirely in your browser using the Canvas API. Very large files (over 20 MB) may take a few extra seconds on older or lower-powered devices. Closing other tabs can free up memory for better performance.