사용 방법

버튼을 누르면 무작위 HEX 색상 코드가 생성됩니다. 생성된 색상 코드를 클릭하면 클립보드에 복사됩니다.

색상 코드 형식

같은 색이라도 쓰는 곳에 따라 표기 방식이 다릅니다. 웹에서 가장 널리 쓰이는 형식은 HEX입니다.

형식	예시	특징
HEX	#1A8FE3	빨강·초록·파랑을 각 16진수 2자리로 표기. CSS·디자인 도구의 기본
RGB	rgb(26, 143, 227)	각 채널을 0~255 숫자로 표기. 코드에서 다루기 쉬움
HSL	hsl(205, 79%, 50%)	색상·채도·명도로 표기. 같은 색의 밝기 변형을 만들기 좋음

시작점으로 쓰기 — 마음에 드는 색이 나오면 그 색을 기준으로 명도만 바꾼 변형을 만들어 보세요. 색상이 같고 밝기만 다른 팔레트는 통일감이 있습니다.
60-30-10 비율 — 주 색상 60%, 보조 색상 30%, 강조 색상 10%로 나누면 무작위로 고른 색도 안정적인 화면이 됩니다.
대비 확인 — 배경색으로 쓸 때는 글자색과의 명도 대비를 확인하세요. 본문 텍스트는 대비 4.5:1 이상(WCAG 기준)이어야 읽기 편합니다.

디자인 시안의 임시 배색, 프레젠테이션 색상 선택, 데이터 시각화의 계열 색 정하기, 아바타·프로필 배경색 생성, 미술 작업의 색 탐색 등에 활용할 수 있습니다.