Irodori彩り

Цветовая мастерская · Irodori 彩り

Бесплатный пипетка-инструмент: извлекайте цвета из любого изображения мгновенно.

Загрузите, вставьте или укажите URL, чтобы получить HEX, RGB, HSL, OKLCH, Lab и CMYK — без регистрации.

Выбрать цвет Обзор цветов

Всё работает в браузере. Без загрузки файлов и аккаунта.

朱砂 zhū shā #C3272B สีแสด si saet #EE8B2B 황 hwang #F5B22E 若竹 wakatake #6BA24A Xanh xanh #007A3D 孔雀绿 kong que lu #2E8B72 Biru biru #3A6EA5 जामुनी jamuni #6B3F8C Ягаан yagaan #D96A8B

Живой верстак

Начните с любого цвета

Перетащите изображение или введите значение — все форматы обновятся мгновенно.

Мы считаем защиту данных важной! Изображение остаётся на вашем устройстве.

Выбранный цвет

HEX#104E8B
RGBrgb(16, 78, 139)
HSLhsl(210 79% 30%)
ПодробнееПроверить контраст

Палитра

10 цветов Нажмите на цвет, чтобы скопировать его или заменить новым.
#104E8B#A9D1E3#007A3D#F5B22E#C3272B#77428D#FCE9EE#3A3A40#6A5ACD#D6E8EE

Один цвет, много языков

Один и тот же цвет в шести записях

HEX для CSS, RGB для экранов, HSL для палитр, CMYK для печати, OKLCH и Lab для восприятия. Всё считается на вашем устройстве.

Открыть конвертер

Азиатские цветовые традиции

Цвета, у которых уже есть имя

Девять азиатских цветовых традиций — от японских сезонов до тайских цветов дней недели, тибетских пигментов, индийских праздников, монгольских степных оттенков и индонезийского батика: родное имя, чтение и точный HEX.

Японские традиционные цвета 藍 · 群青 · 空色 22
Китайские традиционные цвета 天青 · 月白 · 缥 22
Корейские традиционные цвета 청 · 적 · 황 15
Вьетнамские традиционные цвета Đỏ · Vàng · Trắng 7
Тайские традиционные цвета สีแดง · สีเหลือง · สีชมพู 10
Тибетские традиционные цвета 白云 · 蓝天 · 红火 10
Индийские традиционные цвета केसर · हल्दी · गुलाल 10
Монгольские традиционные цвета Хөх · Цагаан · Улаан 10
Индонезийские цвета батика Soga · Nila · Putih 10
Открыть атлас

Реальные системы

В соответствии с вашими палитрами

Шесть дизайн-систем из официальных файлов — без приближений.

Тоны Material Design 89 Material Web v0.192 · md-ref-palette Палитра Tailwind CSS 286 Tailwind CSS v4 · theme.css Палитра UnoCSS 264 UnoCSS preset-mini · Tailwind v3 + Windi Токены Panda CSS 242 Panda CSS · @pandacss/preset-panda Тема Vanilla Extract 3 vanilla-extract · createTheme docs example Токены StyleX 6 StyleX · defineVars docs example Палитра Bootstrap 29 Bootstrap v5.3.8 · _variables.scss Палитра Ant Design 130 Ant Design · @ant-design/colors 7.2.1 Open Color 130 Open Color 1.9.1 · open-color.js Палитра Chakra UI 100 Chakra UI · @chakra-ui/theme 3.4.1 Radix Colors 360 Radix Colors 3.0.0 · light scales Цвета Fluent UI 64 Fluent UI · @fluentui/tokens brandColors Палитра Primer 20 Primer · @primer/primitives 11.10.0 light Палитра Polaris 192 Shopify Polaris · polaris-tokens 9.4.2
Все инструменты

Доступность

Контраст — тоже решение о цвете

Проверьте нормы WCAG и смоделируйте четыре типа цветовосприятия до релиза.

WCAG 2.2AA 4.5:1AAA 7:121:1
Проверить контрастКонтраст WCAG Симуляция дальтонизмаСимуляция дальтонизма

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

Как выбрать цвет из изображения?
Загрузите изображение, вставьте из буфера обмена или укажите URL, затем нажмите на изображение и получите HEX, RGB, HSL, OKLCH, Lab и CMYK.
Что такое HEX-код цвета?
HEX-код — шестизначное шестнадцатеричное число, представляющее каналы красного, зелёного и синего, например #FF5733. Это самый распространённый формат в CSS, дизайн-инструментах и бренд-гайдах.
Этот инструмент бесплатный?
Да. Все инструменты на сайте бесплатны и не требуют регистрации. Изображения обрабатываются полностью в браузере и не отправляются на сервер.
Какие форматы поддерживаются?
HEX, RGB, HSL, OKLCH, Lab, LCH, CMYK, XYZ, LUV и HWB, а также контрасты WCAG и симуляция дальтонизма.
Можно ли использовать эти цвета в своих проектах?
Да. Сами значения цветов не защищены. Копируйте значение и используйте в CSS, интерфейсе, печати или иллюстрации.

Ваша следующая палитра начинается здесь.

Бесплатно, приватно, быстро. Без регистрации.

Открыть палитру