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

Виберіть колір, перегляньте його значення HEX, RGB і HSL та створюйте споріднені гармонії й варіанти безпосередньо в браузері.

Виберіть колір

Виберіть колір

Гармонія кольорів

Варіанти кольорів

Висвітлення

Затемнення

Відтінки

What this tool does

Вибір кольору дає змогу вибрати колір за допомогою вбудованого засобу вибору або значення HEX і переглянути відповідні значення RGB та HSL.

Інструмент обчислює споріднені гармонії кольорів, а також світліші, темніші й нейтральніші варіанти вибраного кольору.

How to use the tool

  1. Виберіть колір за допомогою засобу вибору або введіть повне значення HEX.
  2. Виберіть тип гармонії, щоб переглянути споріднені кольори з того самого розрахунку HSL.
  3. Клацніть значення кольору в палітрі, щоб скопіювати його до буфера обміну.

Useful applications

  • Документування базового кольору дизайну з відповідними значеннями HEX, RGB і HSL.
  • Вибір початкового акцентного або допоміжного кольору інтерфейсу на основі комплементарної чи тріадної гармонії.
  • Підготовка світліших і темніших значень для тла, меж або виділених елементів.

Notes and limitations

  • Попередній перегляд використовує звичайні значення кольорів браузера й не враховує окремі профілі монітора, друку чи ICC.
  • Обчислені палітри не перевіряють контраст або доступність. Важливі поєднання тексту й тла перевіряйте окремо.

Frequently asked questions

Чи є запропоновані палітри кольорів автоматично доступними?

Ні. Гармонії та варіанти обчислюються зі значень кольорів. Перевірте фактичний контраст кожного поєднання тексту й тла, яке плануєте використовувати.