Вибір кольору
Оберіть колір, точно налаштуйте його й скопіюйте код у потрібному форматі.
Запечатано на цьому пристрої
Працює у вашому браузері. Нічого не завантажується на сервер.
Запечатано
Оберіть колір
Коди кольору
Світлі й темні відтінки
Світліші відтінки з одного боку, темніші — з іншого. Оберіть один, щоб використати його.
Як це працює
-
Оберіть колір
Перетягуйте курсор у полі кольору й на повзунку тону, введіть наявний код або візьміть колір з екрана.
-
Налаштуйте його
Змініть непрозорість або перегляньте світлі й темні відтінки кольору, щоб знайти світліший чи темніший варіант.
-
Скопіюйте код
Скопіюйте значення HEX, RGB, HSL, OKLCH або CMYK і вставте його у свій дизайн, код чи документ.
Поширені запитання
Як узяти колір з екрана?
Натисніть «Взяти з екрана», а потім клацніть будь-де на екрані, щоб захопити цей колір. Піпетка доступна в Chrome, Edge та інших браузерах на основі Chromium на комп’ютерах. В інших браузерах зразок кольору відкриває системну палітру, яка часто має власну піпетку.
Який формат кольору обрати?
HEX — найпоширеніший у вебдизайні й працює всюди. RGB і HSL зручні в CSS, коли потрібно змінювати значення вручну. OKLCH — сучасний формат CSS, який зберігає однакову світлість для різних тонів. CMYK — відправна точка для друку.
Чим відрізняються світлі й темні відтінки?
Світлий відтінок (tint) — це ваш колір, змішаний з білим, тому він світлішає. Темний відтінок (shade) — колір, змішаний з чорним, тому він темнішає. Інструмент змішує їх у перцептивному колірному просторі, щоб кожен крок виглядав рівномірним.
Чи можна користуватися інструментом із клавіатури?
Так. Наведіть фокус на поле кольору й змінюйте насиченість і яскравість клавішами зі стрілками, утримуючи Shift для більших кроків. Повзунки тону й непрозорості також працюють зі стрілками.
Чи можна поділитися кольором?
Так. Адреса сторінки оновлюється разом із вибраним кольором, тож ви можете додати її в закладки або надіслати посилання комусь.