#4466EEBase color#5775F010%#6985F120%#7C94F330%#8FA3F540%#A2B3F750%#B4C2F860%#C7D1FA70%#DAE0FC80%#ECF0FD90%#FFFFFF100%#4466EEBase color#3D5CD610%#3652BE20%#3047A730%#293D8F40%#22337750%#1B295F60%#141F4770%#0E143080%#070A1890%#000000100%#4466EEBase color#4A69E310%#506BD820%#566ECD30%#5C70C240%#6273B750%#6876AC60%#6E78A170%#747B9680%#7A7D8B90%#808080100%Генератор цветовых оттенков берет один базовый цвет и строит монохроматическую шкалу из более светлых и темных версий его. Из одного входа, такого как #4466EE, он создает ряд оттенков, которые шагают в сторону белого, ряд оттенков, которые шагают в сторону черного, и ряд тонов, которые шагают в сторону серого. каждый образец - это реальный цвет, который вы можете скопировать как HEX, RGB или HSL и сразу перейти в CSS, файл дизайна или конфигурацию темы.
Три шкалы происходят от классических определений, используемых в теории цвета. оттенок - это базовый цвет, смешанный с белым, который повышает свою светлость, сохраняя при этом тот же оттенок. оттенок - это основа, смешанная с черным, что затемняет его. Тон - это основа, смешанная с серым, что снижает его интенсивность и дает приглушенную, более сложную версию цвета. Наличие всех трех из одного входа - это то, что позволяет построить связную палитру: кнопку и ее состояние зависания, набор серий диаграмм или светлые и темные поверхности интерфейса, все это происходит от одного цвета бренда.
Генератор работает полностью в вашем браузере. цвет, который вы вводите, анализируется, и шкалы вычисляются с помощью JavaScript на стороне клиента, поэтому ничего не загружается, учетной записи нет, и ваша работа никогда не отслеживается. Он принимает имена цветов HEX, rgb (), hsl () и общие CSS, позволяет вам установить, сколько шагов содержит каждая шкала, и мгновенно обновляет каждый образец. После загрузки страницы он работает в автономном режиме.
Введите или вставьте цвет в любой общий синтаксис: HEX-код, подобный #4466EE, значение rgb () или hsl () или имя цвета CSS, такое как бирюзовый.
Выберите, сколько вариаций должна содержать каждая шкала. Больше шагов дают более тонкий градиент от основания к белому, черному или серому.
Инструмент показывает три шкалы рядом, на каждой чашке указано значение HEX и процент смешения с целевым цветом.
Щелкните любую точку обзора, чтобы скопировать ее значение. Переключите формат копирования между HEX, RGB и HSL, чтобы он соответствовал синтаксису, ожидаемому вашим проектом.
Один базовый цвет дает сразу три полные чешуи: более светлые оттенки, более темные оттенки и приглушенные тона в сторону серого.
Каждый образец доступен в виде HEX, RGB и HSL, поэтому вы можете вставить его непосредственно в CSS, инструмент проектирования или файл темы.
Установите от 2 до 20 шагов на шкалу, чтобы контролировать, насколько тонкий градиент между основным цветом и белым, черным или серым.
Принимает 3- и 6-значные значения HEX, rgb () и hsl (), а также общие названия цветов CSS, все они нормализованы по одним и тем же образцам.
Check the contrast ratio between a text color and its background against WCAG 2.2 AA and AAA thresholds, with a live preview and one-click accessible-color suggestions.
Convert color codes between HEX, RGB, HSL, HWB, and CMYK instantly
Generate harmonious color palettes from any base color - shades and tints, complementary, analogous, triadic, and monochromatic - with HEX, RGB, and HSL values you can copy.
Pick colors and convert between HEX, RGB, and HSL formats
0 comments
No comments yet. Be the first to share your thoughts!