Black 색상

검정 — 세련됨과 권위의 색

#000000Black

색상 값

HEX#000000

RGBrgb(0, 0, 0)

HSLhsl(0°, 0%, 0%)

CSSblack

색조 팔레트

100

#1A1A1A

200

#333333

300

#4D4D4D

400

#666666

500

#808080

600

#999999

보색

↔

#FFFFFF

White

유사색

#1A1A1A

Dark Charcoal

#333333

Jet Black

CSS 사용법

CSS

/* By name */
color: black;
background-color: black;

/* By HEX */
color: #000000;
background-color: #000000;

/* By RGB */
color: rgb(0, 0, 0);

/* By HSL */
color: hsl(0deg, 0%, 0%);

/* With opacity */
color: rgba(0, 0, 0, 0.8);
color: hsl(0deg 0% 0% / 80%);

순수한 검정(#000000)은 흰색 배경과 함께 사용 시 너무 강한 대비로 눈이 피로해질 수 있습니다. 다크 테마에서는 #0D0D0D~#1A1A1A 범위의 오프블랙을 배경으로, #FFFFFF 대신 #F5F5F5를 텍스트 색상으로 사용하는 것이 좋습니다.

검정(#000000)은 모든 빛을 흡수하는 색으로, 명도 대비가 가장 높아 가독성이 최우선인 텍스트에 사용됩니다. 럭셔리, 세련됨, 권위, 미니멀리즘을 상징하며 현대적인 다크 테마 UI의 기반 색상입니다. 흰색 배경 위의 검정 텍스트는 WCAG 기준 최고의 대비율(21:1)을 제공합니다. 단, 순수한 #000000보다 #0D0D0D이나 #1A1A1A처럼 약간 밝은 검정이 눈의 피로를 줄여줍니다.

주요 사용 사례

▸본문 텍스트 — 흰 배경에서 최고의 가독성 제공
▸다크 테마 배경 — 코드 에디터, 터미널, 미디어 플레이어
▸럭셔리 브랜드 UI — Chanel, Apple, Porsche 스타일
▸테두리 및 구분선 — 명확한 요소 분리
▸아이콘 및 SVG — 단색 아이콘의 기본 색상
▸오버레이/모달 배경 — 반투명 검정 배경(rgba)

Black 색상

CSS 사용법

주요 사용 사례

관련 색상