Selector de color

Elige un color con el selector visual, o escribe su código: los valores HEX, RGB, HSL, HSV y CMYK se actualizan al instante, listos para copiar. Tus últimos 12 colores se quedan en el historial.

Todo se queda en tu navegador: el historial se guarda solo en tu dispositivo.

Para qué sirve un selector de color

Cuando estás montando un gráfico, una presentación o el tema de una web, lo difícil no es imaginar el color: es convertirlo en un código exacto que puedas reutilizar en todas partes. Con el selector eliges el tono a ojo y obtienes enseguida el código en cinco formatos: HEX, RGB, HSL, HSV y CMYK. También funciona al revés: escribe un código en el campo y el selector se mueve a ese color. El historial te salva del clásico "¿cuál era aquel naranja perfecto de antes?": tus últimos 12 colores se quedan a un clic incluso después de cerrar y volver a abrir la página, guardados solo en este dispositivo.

Qué formato copiar

Depende de dónde lo necesites. Para CSS, Canva, Figma o PowerPoint, el HEX es casi siempre la opción correcta y el más corto de pegar; con 8 cifras lleva también la transparencia. El RGB va bien cuando necesitas fijar los canales uno a uno. El HSL es perfecto para variaciones coherentes: mantén el mismo tono y cambia solo la saturación o la luminosidad. El HSV es el formato de los selectores de Photoshop y GIMP, y el CMYK sirve para hacerse una idea de la impresión (para una impresión de verdad conviene pedir el perfil a la imprenta).

Los decimales aparecen solo cuando hacen falta para que la fila, releída, devuelva justo este color: el gris #7f7f7f sale como hsl(0, 0%, 49.8%), porque hsl(0, 0%, 50%) ya sería #808080. En los códigos el separador decimal es el punto, como lo quieren las hojas de estilo. El CMYK también se puede escribir en fracciones de 0 a 1, como lo exportan muchos programas: cmyk(0, 0.46, 0.64, 0) equivale a cmyk(0%, 46%, 64%, 0%). Son fracciones solo si ningún valor lleva el signo de porcentaje y los cuatro están entre 0 y 1; si no, son porcentajes.

Cuatro páginas, dos tareas

Selector de color y Conversor de colores son la misma herramienta con dos entradas, el código escrito y el selector: el mismo color da las mismas filas en las dos páginas. Para los colores al azar están Color aleatorio y Generador de paletas, que son el mismo generador con un color o con cinco.

Herramientas relacionadas