CSS змінні з кольорової палітри
Послідовна кольорова палітра — основа будь-якої дизайн-системи. Пікер генерує схеми та експортує як CSS Custom Properties.
Налаштування cookie
Ми використовуємо cookie для аналітики. Політика конфіденційності Ви можете прийняти або відхилити необов'язкове відстеження.
Генеруйте гармонійні CSS палітри з базового кольору: комплементарні, аналогічні, тріадні та монохромні.
> Конвертація кольорів: HEX / RGB / HSL / CMYK. Гармонії, WCAG.
Послідовна кольорова палітра — основа будь-якої дизайн-системи. Пікер генерує схеми та експортує як CSS Custom Properties.
Визначте у :root { --primary: #1A73E8; } та використовуйте var(--primary). Зміна палітри — правка одного файлу.
Перегляньте популярні сценарії для Палітра кольорів нижче. Кожна сторінка — окремий калькулятор із розібраними прикладами та граничними випадками.
Обирайте кольори візуально та миттєво отримуйте HEX коди для HTML, CSS, SVG та веб-дизайну.
Обрати HEX КолірМиттєво конвертуйте RGB значення у HEX коди. Введіть R, G, B (0-255) і отримайте #RRGGBB.
Конвертувати RGB в HEXГенеруйте гармонійні CSS палітри з базового кольору: комплементарні, аналогічні, тріадні та монохромні.
Згенерувати ПалітруПеревіряйте співвідношення контрасту для WCAG 2.1 AA та AAA. Тестуйте комбінації тексту та фону на читабельність.
Перевірити Контраст