도구

색상

색을 고르고 원하는 색 공간이나 형식으로 복사하세요.

OKLCh

C →  ↑ L  ·  고리는 H

최대 지점 C 0.232 · L 0.58

빈 구간은 지금의 C, H에서 이 색역이 닿지 못하는 값입니다.

빈 구간은 지금의 L, H에서 이 색역이 닿지 못하는 값입니다.

빈 구간은 지금의 L, C에서 이 색역이 닿지 못하는 값입니다.

알파

분석

WCAG 2 명도 대비입니다. 상대 색을 바꿔 직접 확인해 보세요.

이 색이 배경일 때

Aa 다람쥐 헌 쳇바퀴에 타고파

3.37:1

AAAAAAA 큰 글자
글자 색
Aa 다람쥐 헌 쳇바퀴에 타고파

6.23:1

AAAAAAA 큰 글자
글자 색

이 색이 글자일 때

Aa 다람쥐 헌 쳇바퀴에 타고파

3.37:1

AAAAAAA 큰 글자
배경 색
Aa 다람쥐 헌 쳇바퀴에 타고파

6.23:1

AAAAAAA 큰 글자
배경 색

색각

가장 심한 정도로 시뮬레이션한 것이므로, 특정 개인의 시야가 아니라 최악의 경우입니다.

원본

적색맹

녹색맹

청색맹

팔레트

단계가 눈에 고르게 보이도록 만들었습니다. 색을 누르면 hex 값이 복사됩니다.

색상 조화

유사색

색상환에서 양옆 30°의 이웃 색. 차분하고 통일감이 있습니다.

보색

정반대 색상. 색상 대비가 가장 강합니다.

분할 보색

보색 양옆의 두 색. 보색보다 긴장이 덜한 대비입니다.

3색 조화

120° 간격의 세 색. 균형 잡히고 다채롭습니다.

4색 조화

직사각형을 이루는 두 쌍의 보색. 풍부하고, 한 색을 주로 쓰면 좋습니다.

정사각형 조화

90° 간격의 네 색. 가장 다양한 조합입니다.

변형

셰이드

검정 쪽으로. 더 어둡고 깊어집니다.

틴트

흰색 쪽으로. 더 밝고 부드러워집니다.

같은 밝기의 회색 쪽으로. 더 차분하고 탁해집니다.

색상

같은 밝기와 채도로 양옆 50°.

표시된 색은 sRGB에 맞추느라 채도를 줄였습니다.

변환 결과

값을 누르면 복사되고, 이름을 누르면 그 공간에서 고를 수 있습니다.

RGB working spaces

9
  • Hex
  • DCI
  • D50

Cylindrical

5

Perceptual

8
  • D50
  • D50

Device-independent

3
  • D50

Film / VFX

4
  • ACES
  • ACES
  • ACES
  • ACES

Mobile

7
  • Android hex
  • Android int
  • Compose
  • Color.argb()
  • UIColor
  • SwiftUI
  • SwiftUI (P3)

Code & tokens

7
  • GLSL (sRGB)
  • GLSL (linear)
  • Figma / plugin
  • LaTeX xcolor
  • LaTeX rgb
  • Tailwind
  • Design token (DTCG)

색 이름

CSS / X11

CSS Color spec

이름 목록을 불러오는 중…

xkcd survey

CC0

이름 목록을 불러오는 중…

Munsell

NBS 1967, public domain

이름 목록을 불러오는 중…