Comparar duas cores
Veja como duas cores diferem em luminosidade, saturação e matiz, como ficam uma sobre a outra e o que existe entre elas.
Azul-marinho e Azul-royal são claramente diferentes. Azul-royal é 28.9% mais claro. A saturação é a mesma. O matiz difere em 2°.
Diferença
Abaixo de 1, o olho não distingue as duas; por volta de 2,3 fica a menor diferença visível.
Códigos
- HEX
- RGB
- HSL
- OKLCH
- HEX
- RGB
- HSL
- OKLCH
Uma sobre a outra
Entre as duas
Ponto médio em OKLab: #183cb0
Perguntas e respostas
Qual é a diferença entre Azul-marinho e Azul-royal?
Azul-marinho e Azul-royal são claramente diferentes. Azul-royal é 28.9% mais claro. A saturação é a mesma. O matiz difere em 2°. A diferença de cor CIEDE2000 entre eles é 30.42.
Azul-royal é mais claro que Azul-marinho?
Azul-royal é 28.9% mais claro. Em OKLCH, Azul-marinho tem luminosidade de 27.1% e Azul-royal, de 56%.
Posso usar texto Azul-marinho sobre Azul-royal?
A razão de contraste entre eles é 3.3:1. O WCAG AA exige 4,5:1 para texto normal e 3:1 para texto grande, então use só em texto grande e títulos.