Перейти к подбору цвета

Сравнение двух цветов

Посмотрите, чем два цвета отличаются по светлоте, насыщенности и тону, как они читаются друг на друге и что между ними.

Тёмно-синий#000080
Королевский синий#4169e1

Цвета Тёмно-синий и Королевский синий: заметно разные. Королевский синий светлее на 28.9%. Насыщенность одинаковая. Тон отличается на 2°.

Разница

CIEDE200030.42заметно разные
Светлота+28.9%
Насыщенность0
Тон+2°

Меньше 1 глаз не различает, около 2.3 это наименьшая заметная разница.

Коды

Тёмно-синий
HEX
RGB
HSL
OKLCH
Королевский синий
HEX
RGB
HSL
OKLCH

Один на другом

AaТёмно-синий / Королевский синий3.3:1 · APCA Lc 26Ниже WCAG AA для текста
AaКоролевский синий / Тёмно-синий3.3:1 · APCA Lc -25Ниже WCAG AA для текста

Между ними

Середина в OKLab: #183cb0

Вопросы и ответы

Чем Тёмно-синий отличается от Королевский синий?

Цвета Тёмно-синий и Королевский синий: заметно разные. Королевский синий светлее на 28.9%. Насыщенность одинаковая. Тон отличается на 2°. Разница по CIEDE2000 равна 30.42.

Королевский синий светлее, чем Тёмно-синий?

Королевский синий светлее на 28.9%. В OKLCH светлота Тёмно-синий равна 27.1%, а Королевский синий 56%.

Можно ли писать текстом Тёмно-синий на фоне Королевский синий?

Контраст между ними 3.3:1. Для обычного текста WCAG AA требует 4.5:1, для крупного 3:1, поэтому его стоит использовать только для крупного текста и заголовков.

Популярные сравнения