#228B22

forestgreen

%
Открыть страницу цвета

Коды цвета

HEX#228B22
RGBrgb(34, 139, 34)
HSLhsl(120°, 60.69%, 33.92%)
HSVhsv(120°, 75.54%, 54.51%)
CMYKcmyk(75.54%, 0%, 75.54%, 45.49%)
XYZxyz(10.18, 18.92, 4.63)
LABlab(50.59, -49.59, 45.02)
LCHlch(50.59, 66.97, 137.77°)

Коды цвета

HEX#228B22
RGBrgb(34, 139, 34)
HSLhsl(120°, 60.69%, 33.92%)
HSVhsv(120°, 75.54%, 54.51%)
CMYKcmyk(75.54%, 0%, 75.54%, 45.49%)
XYZxyz(10.18, 18.92, 4.63)
LABlab(50.59, -49.59, 45.02)
LCHlch(50.59, 66.97, 137.77°)

Доступность

На белом4.39:1AA ✗AAA ✗
На чёрном4.78:1AA ✓AAA ✗

Съешь ещё этих булок

Основной текст на цвете, чтобы оценить читаемость до окончательного выбора.

Вариации и сочетания цвета

Светлые оттенки смешивают цвет с чистым белым, тёмные — с чистым чёрным. Обе шкалы рассчитаны с шагом 10%, чтобы осветлить или затемнить тон, не покидая его.

Затемнения

Осветления

Цветовые гармонии

Гармонии подбирают сопутствующие цвета по их положению на цветовом круге. Каждое правило создаёт своё настроение — от резкого контраста до мягких переходов между соседями.

#228B22
#8B228B

Комплементарная

Оттенок напротив на круге, на 180°. Максимальный контраст: лучше всего, когда один цвет ведущий, а другой — акцент.

Создать градиент
#228B22
#56228B
#8B2256

Раздельно-комплементарная

Базовый цвет и два соседа его противоположности, примерно по 30° с каждой стороны. Сохраняет контраст и смягчает резкость.

Создать градиент
#228B22
#22228B
#8B2222

Триадная

Три оттенка через 120°. Живо и сбалансированно: дайте одному доминировать, остальные используйте как акценты.

Создать градиент
#568B22
#228B22
#228B56

Аналоговая

Три соседних оттенка через 30°.Низкий контраст и спокойствие для глаз, отлично для фонов и градиентов.

Создать градиент
#092509
#165A16
#228B22
#2EBC2E
#57D657

Монохромная

Один оттенок на нескольких уровнях светлоты. Согласованность заложена в самой схеме — самый надёжный путь к единообразному интерфейсу.

Создать градиент
#228B22
#228B8B
#8B228B
#8B2222

Тетрадная

Две комплементарные пары, образующие прямоугольник на круге. Самая насыщенная схема и требующая наибольшей сдержанности.

Создать градиент

Ещё популярные цвета