Cómo usarla
- 1Elige un color con el selector o escribe su código (HEX, RGB, HSL, nombre CSS…).
- 2Copia el formato que necesites: HEX, RGB, HSL, HSV, CMYK u OKLCH.
- 3Explora la escala de tonos y sombras y las armonías de color.
Formatos de color
HEX (#c6f04f) y RGB son los más usados en web. HSL (tono, saturación, luminosidad) y HSV/HSB facilitan crear variaciones a mano. CMYK es la referencia para imprenta, aunque la conversión desde pantalla es aproximada y conviene revisar el resultado con tu imprenta. OKLCH es el formato moderno de CSS, perceptualmente uniforme: con la misma luminosidad, colores distintos se ven igual de claros.
Paletas y armonías
A partir del color elegido se genera una escala de 10 pasos con tonos más claros y más oscuros, útil para estados hover, fondos y bordes en un sistema de diseño. También verás el color complementario, los análogos y la tríada para combinar colores con criterio.
Preguntas frecuentes
¿Cómo convierto HEX a RGB?
Escribe o pega el código HEX y el valor RGB aparece al instante, listo para copiar.
¿El CMYK sirve para imprimir?
Sirve como punto de partida. El resultado real depende del perfil de color, el papel y la máquina; pide a tu imprenta su perfil o una prueba de color.
¿Qué ventaja tiene OKLCH?
Permite crear paletas con un contraste y una luminosidad coherentes, algo difícil con HSL. Los navegadores actuales lo admiten en CSS.
¿No te convencen los resultados?
Habla con Webin Agency sobre webs rápidas y optimizadas para SEO, e-commerce y gestión de Google Ads.