Copia y pega el código del color CSS que necesites para tu diseño UI o para tu código frontend.
Explora paletas por matiz, saturación, luminosidad y estado de ánimo (cálido, frío, pastel, vibrante…). Cada color muestra su código HEX, RGB, HSL y OKLCH, y puedes copiarlo al portapapeles con un clic para pegarlo en Tailwind, CSS, Figma o cualquier herramienta de diseño.
HEX (#ff5733), RGB (rgb 255 87 51), HSL (hsl 11 100% 60%) y OKLCH — el formato moderno del CSS Color Module Level 4 que respeta la percepción visual del color.
Todo en local: nada se envía a servidores. Copiar-pegar instantáneo. Filtros HSL para acotar por tono, saturación o brillo. Categorización por mood para encontrar paletas alineadas con la personalidad de tu marca.
OKLCH es un espacio de color perceptualmente uniforme del CSS Color Module Level 4. Al cambiar la luminosidad de un color, mantiene el matiz percibido — algo que HSL no consigue.
Sí. Son valores de color, no hay copyright sobre un HEX.