Генератор відтінків кольору

Це три класичні способи зміни кольору, зберігаючи при цьому впізнаваність його відтінку. Shade (затемнення) змішує колір із чорним, роблячи його темнішим. Tint (освітлення) змішує його з білим, роблячи світлішим і м'якшим. Tone (приглушення) змішує його з сірим, приглушуючи його без зміщення до чисто чорного чи білого. Цей інструмент генерує всі три як 11-крокову смугу, від оригінального кольору до 0%.

Кожен крок змішує канали червоного, зеленого, і синього вашого кольору в бік цілі (чорний, білий, чи сірий) на фіксований відсоток, той самий простий підхід лінійної інтерполяції, що використовується більшістю інструментів довідки кольору, замість регулювання світлоти в HSL. Це зберігає прогресію візуально рівномірною і відповідає тому, що ви б отримали, змішуючи фарбу чи чорнило в бік чорного, білого, чи сірого.

Доповнюючий обертає лише відтінок на 180° навколо колірного кола, зберігаючи те саме насичення і світлоту, тому яскраво-червоний стає таким самим яскраво-блакитним, це "протилежний колір", що використовується в теорії кольору і дизайні. Інвертований натомість перевертає кожне значення червоного, зеленого, і синього (255 мінус оригінал), що також змінює яскравість, білий стає чорним при інверсії, але залишається білим при доповнюючій операції, оскільки немає відтінку для обертання.

Тріадна схема обирає ще два кольори, рівномірно розподілені через 120° на колірному колі, даючи три кольори з сильним контрастом, що все ж відчуваються збалансованими разом. Аналогова схема обирає кольори на 30° з кожного боку вашого відтінку, кольори, що розташовані поруч на колі та природно виглядають гармонійно. Монохромна схема зберігає точний відтінок та насиченість вашого кольору, але змінює лише світлоту, даючи набір кольорів, гарантовано поєднуваних, оскільки вони насправді є тим самим кольором на різних рівнях яскравості.

216 веббезпечних кольорів - це палітра, яка однаково відображалася на старих 256-кольорових дисплеях, кожен канал червоного, зеленого та синього обмежений одним із шести значень (0, 51, 102, 153, 204, 255). Сучасні екрани не потребують цього обмеження, але веббезпечний еквівалент все ще корисний як довідка для ретростилю або виведення з надзвичайно обмеженою кількістю кольорів.

HSL, HSV, і CMYK всі описують той самий колір через різні моделі, побудовані для різних цілей. HSL і HSV обидва описують відтінок, і різниця між "значенням" HSV і "світлотою" HSL означає, що той самий колір може показувати різний відсоток насичення між ними двома. CMYK описує, скільки блакитного, пурпурового, жовтого, і чорного чорнила змішав би принтер, що слідує субтрактивним правилам кольору замість адитивних правил світла червоного, зеленого, і синього, які використовують RGB і HSL/HSV, тому це не проста пряма конвертація.

Так. Клацніть на будь-який hex-код у рядку значень кольору, у будь-якому зразку shade, tint, tone чи колірної схеми, щоб скопіювати його в буфер обміну. Розділ коду CSS внизу має готові правила background-color, color, border-color та box-shadow з власними кнопками копіювання.