Генератор відтінків кольору
Відтінки будь-якого кольору.
Фіксовані токени 50–950; 50 — найсвітліший, 950 — найтемніший, а 500 точно відповідає введеному кольору.
Пропорції інтерфейсу? Калькулятор пропорцій · гармонії: Генератор колірних палітр · WCAG: Перевірка контрастності кольорів.
Створити палітру кольорів
Створіть фіксовану перцептивну шкалу дизайн-системи 50–950 або власні кроки освітлення й затемнення, а потім скопіюйте CSS custom properties чи завантажте JSON.
Поширені запитання
Що таке відтінок та тінь?
Тонування — це світліша варіація, а затемнення — темніша. Інструмент регулює сприймані світлоту й колірність OKLCH замість інтерполяції закодованих каналів sRGB.
Як скопіювати колір?
Натисніть будь-який зразок, щоб скопіювати його значення HEX. Скористайтеся «Копіювати змінні CSS» або «Завантажити JSON», щоб експортувати всю шкалу.
Для чого це корисно?
Створення колірних палітр і шкал дизайн-системи з одного фірмового кольору — експортуйте їх як користувацькі властивості CSS або токени в стилі Tailwind.
Останнє оновлення: