색 코드 하나 확인하려고 무거운 툴 켜지 마세요

HEX · RGB · HSL

HEX	`#C8FF3E` — 웹·CSS·디자인 툴 공통. 3자리(`#ff0`)는 6자리의 축약
RGB	`rgb(200, 255, 62)` — 빨강·초록·파랑 0~255. 코드로 색을 계산할 때
HSL	`hsl(79, 100%, 62%)` — 색상·채도·명도. "조금 더 밝게", "톤 맞추기"는 이걸로 조절하는 게 편해요

명도 대비는 왜 보나

웹 접근성 기준(WCAG)에서 본문 글자는 배경과 4.5:1 이상, 큰 글자·버튼은 3:1 이상 대비여야 읽기 편하다고 봐요. 예쁜 파스텔 배경에 흰 글씨가 안 읽히는 이유가 이겁니다. 대비 체크 탭에 글자색·배경색을 넣으면 비율과 통과 여부를 바로 알려줘요.

사진에서 색 뽑기는 이미지의 픽셀을 훑어 자주 나오는 색을 8개 추리고, 사진을 탭하면 그 지점 색을 정확히 찍어요. 사진은 브라우저 밖으로 나가지 않습니다.