color.tecnoic.comConversor, paletas y contraste
Todo ocurre en tu navegador. Los cálculos se hacen en tu equipo y no se envía nada a ningún servidor. El color elegido queda en la dirección de la página, así que puedes compartir el enlace.

1. Elige un color

#A21CAF
Por ejemplo: #ff5733, rgb(255 87 51), hsl(11 100% 60%), cmyk(0 66 80 0), oklch(68% 0.2 35), tomato o naranja.

Códigos del color

    HSV y CMYK no son formatos CSS: sirven para programas de diseño e imprenta. El CMYK es una conversión aproximada, sin perfil de color.

    2. Paletas

    Escala de tonos (50 a 950)

    Haz clic en una muestra para copiar su código. El punto marca el tono más parecido a tu color. Se calcula en OKLCH para que los pasos se vean uniformes.

    Armonías de color

    3. Comprobador de contraste (WCAG 2.2)

    Texto grande de ejemplo

    Este es un párrafo de texto normal para comprobar si se lee con comodidad sobre este fondo.

    BotónTexto pequeño
    –

    Cómo lo ven personas con daltonismo

    Simulación aproximada (modelo de Machado, 2009). No dependas solo del color para transmitir información: añade texto, iconos o subrayados.