Онлайн-вибір кольору
Опис інструменту:
Натисніть на бажаний колір у палітрі/виборі кольорів нижче, і інструмент миттєво відобразить шістнадцятковий код кольору та покаже відповідні значення перетворення кольору у форматах RGB, CMYK, LAB, HSL, XYZ, LUV, HWB. Ви можете натискати кнопки вгору та вниз у палітрі для перемикання між HEX, RGB та HSL і змінювати їх значення. Перетягніть смугу HUE для регулювання відтінку. Нижче ви можете побачити варіації кольору, що створюють значення відтінків вибраного кольору шляхом додавання чистого білого або чорного з кроком 10%. Цей інструмент також відображає кольорові комбінації, включаючи додаткові, розділені додаткові, тріадні, аналогічні, монохроматичні та тетрадичні кольорові схеми. Крім того, є перевірка контрастності кольорів; натисніть "Натисніть для виправлення", щоб відрегулювати кольори тексту та фону для оптимального контрасту.
Вибір кольору
Значення кольору
Відтінки кольору
Відтінки кольору показують ефект змішування вибраного кольору з білим та чорним. Верхня секція відображає колір, змішаний з різними пропорціями білого (стає світлішим), а нижня секція показує змішування з різними пропорціями чорного (стає темнішим). Кожен кольоровий блок відображає свій шістнадцятковий код, натисніть для копіювання.
Кольорові комбінації
Кольорові комбінації показують інші кольори, які добре поєднуються з вибраним кольором. Ці комбінації засновані на теорії кольору і можуть використовуватися для розробки кольорових схем. Натисніть на будь-який колір, щоб скопіювати його шістнадцятковий код.
Додаткові
Додаткові кольори розташовані навпроти один одного на кольоровому колі, на відстані 180°. Ця комбінація створює сильний контраст і є яскравою.
Розділені додаткові
Виберіть базовий колір, потім виберіть кольори по обидва боки від його додаткового кольору (зазвичай на відстані 30°). Ця комбінація забезпечує високий контраст, але більш гармонійна, ніж прямі додаткові кольори.
Тріадні
Виберіть три кольори, рівновіддалені (на відстані 120°) на кольоровому колі. Ця комбінація збалансована і яскрава, але вимагає уваги до пропорцій при використанні.
Аналогічні
Виберіть кольори, суміжні один з одним на кольоровому колі (зазвичай на відстані 30°). Ця комбінація гармонійна і природна, підходить для створення комфортних дизайнів.
Монохроматичні
Використовуйте кольори з однаковим відтінком, але різною яскравістю і насиченістю. Ця комбінація чиста і гармонійна, підходить для мінімалістичних дизайнів.
Тетрадичні
Виберіть чотири кольори, рівновіддалені на кольоровому колі (зазвичай утворюють прямокутник або квадрат). Ця комбінація багата і барвиста, але повинна використовуватися обережно, щоб уникнути надмірної складності.
Перевірка контрастності кольорів
Перевірка контрастності використовується для оцінки читабельності кольору тексту на фоні кольору фону. Хороший контраст має вирішальне значення для покращення доступності контенту, особливо для користувачів з порушеннями зору. Стандарти WCAG вимагають: рівень AA потребує коефіцієнта контрастності не менше 4.5:1, рівень AAA потребує коефіцієнта контрастності не менше 7:1.
Aa Попередній перегляд тексту Sample Text
1234567890