컬러 정렬

사용법

1. hex 색상 붙여넣기 — 한 줄에 하나, 쉼표 구분, 혼합 모두 가능.
2. 정렬 축 선택, 오름·내림 선택.
3. 정렬된 리스트 복사.

자주 묻는 질문

색조 정렬 시 회색이 앞에 오는 이유?

순수 회색(채도 0)은 색조 정의 불가, 거의 회색도 불안정. 저채도 색을 앞에 모아 명도로 정렬 → 임의 색조에 떨어지는 것보다 예측 가능한 결과.

색조 vs 휘도 정렬 — 뭐 써?

색조는 색 패밀리로 그룹핑(빨강 → 주황 → 노랑 …). 휘도는 Rec. 709 가중치로 눈이 느끼는 밝기 기준 정렬 → 어두운/밝은 배경에서 대비별로 쌓을 때 좋음.

내 눈에는 밝기가 비슷한 두 색이 정렬에서 멀리 떨어진다. 왜?

HSL의 명도는 색이 얼마나 밝아 보이는지를 재는 값이 아니라 RGB 숫자로 하는 산술이다. 채도 높은 노랑과 채도 높은 파랑이 같은 명도 값을 가질 수 있는데, 실제로는 한쪽이 확연히 밝다. 눈이 파랑보다 초록에 훨씬 민감하기 때문이다. 정렬 순서가 보이는 대로여야 한다면 지각 밝기로 정렬하라.

hex에 rgb()나 색 이름이 섞인 목록도 정렬할 수 있나?

다른 표기는 먼저 hex로 바꿔야 한다. 여기 입력은 hex만 받는다. 어차피 해둘 만한 변환이기도 하다. 표기가 달라서 숨어 있던 중복이 드러나기 때문이다. #ff0000, rgb(255, 0, 0), red는 한 색을 세 가지로 쓴 것이고, hex 형태일 때만 중복으로 인식되어 제거된다.

관련 도구