Порівняння двох кольорів

Подивіться, чим два кольори відрізняються за світлотою, насиченістю і тоном, як вони читаються один на одному і що між ними.

Темно-синій#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, тому його варто використовувати лише для великого тексту й заголовків.