Цветно колело — Онлайн колело за избор на цвят и допълващи се цветове
Използвайте този интерактив цветно колело към изберете цвят, намери допълващи се цветове, и изследвайте аналогичен, триаден, тетраден, и сплит-допълващи се схеми. Това е бърз начин за съчетаване на цвят, тестване на контрастни цветове и генериране на цветови комбинации, които вървят добре заедно.
Характеристики
- Интерактивен колело за избор на цвят (HSV) с плавно плъзгане и прецизни входове (HEX/RGB/HSL).
- Моментално генератор на допълнителни цветове плюс аналогични, триадични, разделно-комплементарни, тетрадични и монохроматични опции.
- Подсказки за контраст на WCAG за четим текст на потребителския интерфейс и използване на бутони контрастни цветове.
- Експортиране на палитра към PNG, SVG, или CSS променливи за бързо предаване.
- Отзивчиво платно, което запазва пълнотата цветен кръг видими на всеки екран.
Приложения
Брандиране и потребителски интерфейс: Изградете хармонични палитри, които отговарят на личността на вашата марка. Използвайте допълващо цветно колело за създаване на CTA с голямо въздействие, или a триаден цвят схема за балансирана навигация и цветове на диаграмата.
Илюстрация и облекло: Разгледайте аналогични схеми за градиенти, които се чувстват естествени. Когато имате нужда от цветове, които се съчетават добре за дрехи, инструментът ви помага намерете допълващи се цветове които се появяват на външен вид („допълващи се цветове в пасове“).
Интериор и боядисване: Преведете RGB цветно колело към а цветно колело на боя начин на мислене; започнете с вашия основен нюанс и тествайте противоположни цветове или заглушен третични цветове за баланс.
Дата на визуализация: Изберете палитри с достатъчно контраст за диаграми; а сплит-допълващи се наборът често избягва объркване, като същевременно запазва разнообразието.
Как работи
- Изберете цвят: плъзнете колелото или въведете HEX/RGB/HSL.
- Изберете схема: комплементарни, аналогични, триадни, разделно-комплементарни, тетрадични или едноцветни.
- Прецизирайте стойността: регулирайте яркостта (стойността), за да контролирате светло/тъмно.
- Проверете контраста: гарантира, че текстът отговаря на WCAG на светъл/тъмен фон.
- Експортиране: изтеглете PNG/SVG или копирайте CSS променливи за предаване на разработчици.
Съвет: Когато имате нужда от бърз генератор на цветови комбинации, започнете с Единичен → Допълнителен → Триаден, за да сравните настроението и четливостта.
ЧЗВ
Какво е цветното колело в теорията на цветовете?
The колело на теорията на цветовете подрежда нюанси в кръг, така че можете да видите връзки като комплементарни (противоположности), аналогични (съседи) и триадни (равномерно разположени). Това е основата за цветова хармония и избиране на цветове, които вървят заедно.
Как да намеря допълващи се цветове?
Изберете основен нюанс; неговото допълнителен цвят седи точно срещу колелото. Използвайте схемата „Допълнително“ на приложението, за да генерирате незабавно двойката и да оцените контраста.
Какво представляват първичните, вторичните и третичните цветове?
Основните нюанси са основни цветове; смесването им дава вторични цветове, а смесването на основен със съседен вторичен създава третични цветове, образувайки класическо 12-цветно колело.
RGB цветно колело срещу цветен кръг на боя?
The RGB цветно колело модели допълнителна светлина за екрани; традиционните колела за боядисване на RYB са субтрактивни. Допълнителните двойки се различават леко между моделите.
Какви са цветовете на дъгата по ред?
Червено, оранжево, жълто, зелено, синьо, индиго, виолетово - полезно при изграждане на a колело на цветовия спектър или преподаване на основи на теорията на цветовете.
Какви цветове вървят добре заедно за потребителския интерфейс?
Опитайте аналогичен за гладка хармония, триаден за балансиран контраст, или допълващи се за силен акцент (бутони, сигнали). Винаги проверявайте контрастните съотношения.
Речник (теория на цветовете)
Допълнителни цветове: противоположни нюанси на колелото, които максимизират контраста (напр. синьо ↔ оранжево).
Аналогично: съседни нюанси, които създават нежни градиенти и визуална кохезия.
триаден: три нюанса, разположени на 120° един от друг; ярък, но балансиран.
Тетрадик: две допълващи се двойки; богат, но изисква внимателен баланс.
Основно/Вторично/Висше образование: основни нюанси, техните миксове и междинните стъпки в 12-цветно колело.
Нюанс/наситеност/стойност (HSV): ъгъл на колелото, интензивност на цвета и яркост.
Достъпност и контраст
Използвайте съветите за контраст, за да осигурите четим текст. За нормален текст се стремете към съотношение от ≥ 4,5:1; за голям текст, ≥ 3:1. Когато се съмнявате, изберете по-светъл фон и по-тъмен допълнителен цвят или увеличете яркостта/стойността за по-добра четливост.