#4B5165
≈ dimgray
Коды цвета
#4B5165rgb(75, 81, 101)hsl(226.15°, 14.77%, 34.51%)hsv(226.15°, 25.74%, 39.61%)cmyk(25.74%, 19.8%, 0%, 60.39%)xyz(8.19, 8.32, 13.48)lab(34.64, 2.59, -12.38)lch(34.64, 12.64, 281.8°)Коды цвета
#4B5165rgb(75, 81, 101)hsl(226.15°, 14.77%, 34.51%)hsv(226.15°, 25.74%, 39.61%)cmyk(25.74%, 19.8%, 0%, 60.39%)xyz(8.19, 8.32, 13.48)lab(34.64, 2.59, -12.38)lch(34.64, 12.64, 281.8°)Доступность
7.88:1AA ✓AAA ✓2.66:1AA ✗AAA ✗Съешь ещё этих булок
Основной текст на цвете, чтобы оценить читаемость до окончательного выбора.
Вариации и сочетания цвета
Светлые оттенки смешивают цвет с чистым белым, тёмные — с чистым чёрным. Обе шкалы рассчитаны с шагом 10%, чтобы осветлить или затемнить тон, не покидая его.
Затемнения
Осветления
Цветовые гармонии
Гармонии подбирают сопутствующие цвета по их положению на цветовом круге. Каждое правило создаёт своё настроение — от резкого контраста до мягких переходов между соседями.
Комплементарная
Оттенок напротив на круге, на 180°. Максимальный контраст: лучше всего, когда один цвет ведущий, а другой — акцент.
Создать градиентРаздельно-комплементарная
Базовый цвет и два соседа его противоположности, примерно по 30° с каждой стороны. Сохраняет контраст и смягчает резкость.
Создать градиентТриадная
Три оттенка через 120°. Живо и сбалансированно: дайте одному доминировать, остальные используйте как акценты.
Создать градиентАналоговая
Три соседних оттенка через 30°.Низкий контраст и спокойствие для глаз, отлично для фонов и градиентов.
Создать градиентМонохромная
Один оттенок на нескольких уровнях светлоты. Согласованность заложена в самой схеме — самый надёжный путь к единообразному интерфейсу.
Создать градиентТетрадная
Две комплементарные пары, образующие прямоугольник на круге. Самая насыщенная схема и требующая наибольшей сдержанности.
Создать градиент