color pickerHEXRGBHSLкольоридизайнCSS

Онлайн вибір кольору (HEX, RGB, HSL)

Mariana Costa

Автор: Mariana Costa· Especialista em Ferramentas

·1 хв читання

Інструмент вибору кольору дозволяє візуально підібрати будь-який колір і скопіювати його код у форматах HEX, RGB або HSL одним кліком. Ідеально для дизайну, розробки та роботи зі стилями CSS.

Що таке інструмент вибору кольору?

Це онлайн-інструмент з візуальним інтерфейсом вибору кольору. Ви перетягуєте покажчик у кольоровому полі та регулятор насиченості, а код кольору оновлюється в реальному часі у трьох форматах: HEX (#FF5733), RGB (rgb(255, 87, 51)) та HSL (hsl(14, 100%, 60%)). Усе виконується у браузері без реєстрації.

Як використовувати інструмент вибору кольору

  1. Відкрийте Вибір кольору
  2. Натисніть на кольорове поле або перетягніть покажчик
  3. Регулюйте відтінок за допомогою повзунка
  4. Скопіюйте код у форматі HEX, RGB або HSL

Реєстрація не потрібна. Усе відбувається у браузері.

Випадки використання

Часті запитання

Яка різниця між HEX, RGB та HSL? HEX (#FF5733) - шістнадцяткова нотація, поширена в CSS і HTML. RGB (255, 87, 51) - компоненти червоного, зеленого і синього. HSL (14, 100%, 60%) - відтінок, насиченість і світлість, зручніший для інтуїтивного регулювання.

Чи можна ввести відомий код кольору? Так, ви можете вставити будь-який HEX-код і інструмент одразу відобразить колір та інші формати.

Чи підтримуються прозорі кольори (RGBA)? Залежить від версії інструмента - перевірте наявність регулятора прозорості (alpha).

Чи зберігаються вибрані кольори? Ні. Щоб зберегти колір, скопіюйте його код вручну.

Спробуйте зараз: Вибір кольору

Пов'язаний інструмент

Вибір кольору

Безкоштовний доступ, без реєстрації.