Porównaj dwa kolory

Zobacz, czym dwa kolory różnią się jasnością, nasyceniem i barwą, jak wyglądają na sobie nawzajem i co leży między nimi.

Granatowy#000080

Błękit królewski#4169e1

Kolory Granatowy i Błękit królewski są wyraźnie różne. Kolor Błękit królewski jest jaśniejszy o 28.9%. Nasycenie jest takie samo. Barwa różni się o 2°.

Różnica

CIEDE200030.42wyraźnie różne

Jasność+28.9%

Nasycenie0

Barwa+2°

Poniżej 1 oko nie odróżni kolorów, około 2,3 to najmniejsza widoczna różnica.

Kody

Granatowy

HEX
RGB
HSL
OKLCH

Błękit królewski

HEX
RGB
HSL
OKLCH

Jeden na drugim

AaGranatowy / Błękit królewski3.3:1 · APCA Lc 26Poniżej WCAG AA dla tekstu

AaBłękit królewski / Granatowy3.3:1 · APCA Lc -25Poniżej WCAG AA dla tekstu

Pomiędzy

Środek w OKLab: #183cb0

Wymieszaj je Utwórz gradient Sprawdź kontrast

Pytania i odpowiedzi

Czym różni się kolor Granatowy od koloru Błękit królewski?

Kolory Granatowy i Błękit królewski są wyraźnie różne. Kolor Błękit królewski jest jaśniejszy o 28.9%. Nasycenie jest takie samo. Barwa różni się o 2°. Różnica kolorów CIEDE2000 wynosi 30.42.

Czy kolor Błękit królewski jest jaśniejszy od koloru Granatowy?

Kolor Błękit królewski jest jaśniejszy o 28.9%. W OKLCH jasność koloru Granatowy wynosi 27.1%, a koloru Błękit królewski 56%.

Czy tekst w kolorze Granatowy będzie czytelny na tle Błękit królewski?

Współczynnik kontrastu między nimi wynosi 3.3:1. WCAG AA wymaga 4,5:1 dla zwykłego tekstu i 3:1 dla dużego, więc tej pary używaj tylko do dużego tekstu i nagłówków.