데브툴박스

도구 02

HTML 색상 코드

HTML/CSS에서 사용 가능한 표준 색상 이름과 HEX/RGB 코드를 한눈에. 색상 칩을 클릭하면 코드가 복사됩니다.

사용 팁

1

색상 이름 활용

CSS에서 color: tomato처럼 이름을 그대로 쓸 수 있어 가독성이 좋아집니다.

2

HEX vs RGB

대부분 HEX를 사용하지만, 투명도(alpha)가 필요하면 rgba()를 쓰세요.

3

접근성 고려

텍스트 색상은 배경과 4.5:1 이상의 대비를 권장합니다(WCAG AA 기준).

4

색상 조합

같은 톤(예: 파스텔)의 색을 모아 쓰면 일관된 디자인이 됩니다.