Selector y conversor de color gratuito en línea: HEX, RGB, HSL y Contraste

Espacio de trabajo

Color

#4F5FD6

Matiz233°Opacidad100%

Seleccionado

Valores

RGB

HSL

H°S%L%

HEX#4F5FD6

HEX8#4F5FD6FF

RGBrgb(79, 95, 214)

RGBArgba(79, 95, 214, 1)

HSLhsl(233, 62%, 57%)

CSS--color: #4F5FD6;

Contraste

Primer plano

#4F5FD6

Fondo

Contraste5,33:1

Pasa texto normal

Objetivo

#4F5FD6

WCAG AATexto normalTexto grande

WCAGAAATexto normalTexto grande

Matices y sombras

Armonía

Ayuda

Guía

como usar

Elija un color o ingrese un valor de color.
Copie un formato, verifique el contraste o cree una paleta.

Ayuda

Preguntas frecuentes

¿Qué formatos de color son compatibles?

HEX, HEX8, RGB, RGBA y HSL.

¿Cómo se maneja la transparencia en los controles de contraste?

El primer plano se combina con el fondo seleccionado antes de calcular la relación de contraste.