HEX 색상 추출 및 변환기
RGB 값을 조절하거나 HEX 코드를 입력하여 정확한 색상 코드를 식별하고 실시간으로 변환합니다.
Preview
#3B82F6
The quick brown fox
AA Large Text
18pt 이상 또는 14pt 굵은 텍스트
AA Normal Text
일반 크기의 텍스트
AAA Large Text
18pt 이상 또는 14pt 굵은 텍스트 (엄격)
AAA Normal Text
일반 크기의 텍스트 (엄격)
HEX 색상 코드란 무엇인가요?
HEX(Hexadecimal) 색상 코드는 웹에서 색상을 표현하는 가장 일반적인 방식입니다. 16진수 6자리(#RRGGBB)를 사용하여 빨강(Red), 초록(Green), 파랑(Blue)의 농도를 표현합니다. 각 색상은 00부터 FF까지 256단계로 세밀하게 조절됩니다.
왜 HEX 코드를 사용하나요?
HEX 코드는 짧고 직관적이며 모든 최신 웹 브라우저에서 표준으로 지원됩니다. CSS 디자인 시 color: #4f46e5;와 같이 간단하게 색상을 지정할 수 있어 개발자와 디자이너 사이의 커뮤니케이션에 필수적입니다.
HEX (#RRGGBB)
16진수 기반 표현식. 웹 디자인의 표준이며 가장 널리 사용됩니다.
RGB (Red, Green, Blue)
빛의 삼원색 기반 표현. 0~255 사이의 숫자로 색상을 정의합니다.
HSL (Hue, Saturation, Lightness)
색상, 채도, 명도 기반. 인간이 인지하기 가장 직관적인 방식입니다.
자주 묻는 질문 (FAQ)
Q. HEX 코드에서 "FF"는 무엇을 의미하나요?
16진수에서 FF는 10진수의 255를 의미하며, 해당 색상 채널의 최대 밝기를 나타냅니다. 예를 들어 #FF0000은 순수한 빨간색입니다.
Q. 대비 비율(Contrast Ratio)이 왜 중요한가요?
웹 접근성(WCAG) 표준에 따르면, 텍스트와 배경의 대비가 충분해야 모든 사용자가 정보를 읽을 수 있습니다. ToolBitBox는 실시간으로 이 대비율을 계산해 줍니다.