색상 변환 (HEX·RGB·HSL)
어느 칸이든 고치면 나머지가 따라 바뀝니다.
세 가지 표기
같은 색을 웹에서는 #E8590C(HEX), 코드에서는 rgb(232, 89, 12), 디자인 조정에서는 hsl(21, 90%, 48%)로 씁니다. 이 도구는 어느 칸을 고쳐도 나머지 표기와 미리보기가 함께 바뀝니다.
HSL이 편한 이유
HSL은 색상(H), 채도(S), 밝기(L)로 나뉘어 있어 같은 색을 조금 더 밝게, 조금 덜 쨍하게 같은 조정이 직관적입니다. 버튼 색을 정해두고 호버 색을 만들 때 L값만 살짝 내리는 식으로 활용합니다.
참고
색상 선택기를 눌러 눈으로 고를 수도 있습니다. 변환은 브라우저 안에서 즉시 계산됩니다.