¿Por qué el gris queda al frente al ordenar por tono?

El tono no está definido para grises puros (saturación = 0) y es inestable para casi-grises. Agrupar colores de baja saturación al frente y ordenarlos por claridad da un resultado más predecible que dejarlos caer en un tono arbitrario.

¿Ordenar por tono vs por luma — cuál debería usar?

El tono agrupa colores por familia (todos los rojos, luego naranjas, luego amarillos…). Luma ordena por qué tan brillantes los percibe el ojo usando pesos Rec. 709 — mejor para apilar colores sobre un fondo oscuro/claro por contraste.

Ordenar Colores

Color

Lee cualquier lista de colores hex separada por espacios o saltos de línea (con o sin # inicial, de 3 o 6 dígitos), deduplica, y ordena el resultado por el criterio elegido. Las entradas casi en escala de grises (saturación bajo 5%) se sacan del orden por tono y se agrupan al inicio, ordenadas por claridad, para que no se dispersen aleatoriamente por el arcoíris. Cada fila muestra el swatch, el valor hex, y el HSL subyacente.

—

Colores hex

Ordenar por

Dirección

Colores: 11

#ef4444h 0° · s 84% · l 60%
#f97316h 25° · s 95% · l 53%
#eab308h 45° · s 93% · l 47%
#22c55eh 142° · s 71% · l 45%
#14b8a6h 173° · s 80% · l 40%
#f8fafch 210° · s 40% · l 98%
#64748bh 215° · s 16% · l 47%
#3b82f6h 217° · s 91% · l 60%
#0f172ah 222° · s 47% · l 11%
#8b5cf6h 258° · s 90% · l 66%
#ec4899h 330° · s 81% · l 60%

Duplicados eliminados. Casi-grises (S < 5%) suben al frente de un orden por tono, ordenados por claridad.

Cómo usar

Pega colores hex — uno por línea, separados por comas, o cualquier mezcla.
Elige qué eje usar para ordenar y ascendente vs descendente.
Copia la lista ordenada de vuelta.

Preguntas frecuentes

¿Por qué el gris queda al frente al ordenar por tono?: El tono no está definido para grises puros (saturación = 0) y es inestable para casi-grises. Agrupar colores de baja saturación al frente y ordenarlos por claridad da un resultado más predecible que dejarlos caer en un tono arbitrario.
¿Ordenar por tono vs por luma — cuál debería usar?: El tono agrupa colores por familia (todos los rojos, luego naranjas, luego amarillos…). Luma ordena por qué tan brillantes los percibe el ojo usando pesos Rec. 709 — mejor para apilar colores sobre un fondo oscuro/claro por contraste.