Дизайн и CSS
Все цветовые инструменты во вкладках: 16 штук — от лаборатории цвета с гармониями и тональностями до градиентов, палитр и проверки доступности.
Один цвет на входе — противоположный и гармоничные, все коды, светлее/темнее, прозрачность, тональности, шкала 50–900, переходы и смешивание. Кликните по любому образцу, чтобы скопировать код.
Ближайший именованный: blue (#0000ff)
Контраст с белым: 6.29 — AA
Контраст с чёрным: 3.34 — AA (крупный текст)
Цвета, стоящие в цветовом круге на определённом расстоянии от исходного — базовые схемы дизайнера.
Противоположный (комплементарный)
Комплементарная (противоположный цвет)
Раздельно-комплементарная
Аналогичная (соседние)
Триада
Тетрада (прямоугольник)
Квадрат
Монохромная (один тон, разная светлота)
Tints — примесь белого, shades — чёрного, tones — серого. Шкала 50–900 годится как готовые токены дизайн-системы.
Tints — светлее (примесь белого)
Shades — темнее (примесь чёрного)
Tones — приглушённее (примесь серого)
Шкала 50–900
Шаг 10%: HEX с альфа-каналом и rgba() — образцы показаны на шахматной подложке.
Второй цвет для смешивания и плавного градиента между двумя оттенками.
Смешивание — доля второго цвета
Переход (12 шагов)
CSS-градиент
Отдельная страница инструмента: /color-lab