Selector de Color

Elige un color y revisa sus formatos

Este selector sirve para explorar un color, ver sus equivalencias en distintos formatos y sacar una pequeña paleta relacionada sin tener que cambiar de herramienta.

HEX

Es el formato más habitual en web y diseño de interfaces. Resume el color en una cadena compacta como #6366F1.

RGB

Expresa la mezcla de rojo, verde y azul, y es especialmente útil en pantallas, herramientas de edición y hojas de estilo.

HSL

Ayuda mucho cuando quieres ajustar visualmente tono, saturación o luminosidad sin recalcular valores RGB a mano.

CMYK

Es la referencia habitual cuando el destino final es impresión y necesitas una aproximación rápida a ese modelo de color.

Relaciones de color útiles

• Colores complementarios: colores opuestos en la rueda de color. Suelen generar combinaciones con mucho contraste.
• Colores análogos: colores cercanos entre sí en la rueda de color. Suelen dar combinaciones más suaves y armónicas.
• Versiones claras y oscuras: Sirven para probar fondos, botones, estados hover y variaciones de contraste sin salir de la herramienta.

Cómo aprovechar la paleta relacionada

Los colores complementarios, análogos, claros y oscuros te sirven como punto de partida para botones, fondos, estados y variaciones de una misma interfaz. Puedes pulsarlos para convertirlos en el color activo y seguir afinando.

Preguntas frecuentes

¿Qué es un color HEX?

Un color HEX es un código hexadecimal que representa un color en entornos web y de interfaz. Usa números del 0 al 9 y letras de la A a la F para codificar los valores de rojo, verde y azul. Por ejemplo, `#FF0000` representa rojo.

¿Cómo convierto RGB a HEX?

Hay que convertir cada valor RGB de 0 a 255 a su equivalente hexadecimal y luego unirlos. Por ejemplo, `RGB(255, 0, 0)` pasa a `#FF0000`. Aquí se hace automáticamente.

¿Qué es HSL?

HSL significa matiz, saturación y luminosidad. Es una forma alternativa de describir colores y resulta muy útil cuando quieres ajustar visualmente el tono o aclarar y oscurecer un color sin tocar RGB a mano.

¿Cuándo debo usar CMYK en lugar de RGB?

CMYK es la referencia habitual para impresión, como folletos, tarjetas o carteles. RGB se usa en pantallas, webs y aplicaciones. Si el destino final es imprimir, conviene revisar el color en CMYK porque puede variar respecto a lo que ves en pantalla.