CLR / 06 · 색상 도구

Tailwind 색상 찾기

어떤 hex 값에든 가장 가까운 Tailwind 클래스를, 판단할 수 있도록 색 차이와 함께.

Tailwind 색 찾기

Tailwind ⁨4.3.3⁩의 색 모음과 Oklab 공간에서 견주므로, 거리는 빨강·초록·파랑 값이 아니라 사람 눈의 느낌을 따릅니다.

출력⁦609⁩ 자

가장 가까운 클래스

blue-500

그 클래스의 색

#2b7fff

얼마나 가까운지

바꿔 써도 될 만큼 가까움

가장 가까운 클래스   blue-500
그 클래스의 색     #2b7fff
지정한 색        #3b82f6
거리           0.0193
얼마나 가까운지     바꿔 써도 될 만큼 가까움

같은 계열의 나머지
blue-50    #eff6ff   rgb(239 246 255)
blue-100   #dbeafe   rgb(219 234 254)
blue-200   #bedbff   rgb(190 219 255)
blue-300   #8ec5ff   rgb(142 197 255)
blue-400   #51a2ff   rgb(81 162 255)
blue-500   #2b7fff   rgb(43 127 255)  ←
blue-600   #155dfc   rgb(21 93 252)
blue-700   #1447e6   rgb(20 71 230)
blue-800   #193cb8   rgb(25 60 184)
blue-900   #1c398e   rgb(28 57 142)
blue-950   #162456   rgb(22 36 86)

Tailwind ⁨4.3.3⁩의 색 모음과 Oklab 공간에서 견주므로, 거리는 빨강·초록·파랑 값이 아니라 사람 눈의 느낌을 따릅니다.

후원하기 💚ToolZool을 무료로 유지하도록 도와주세요

Tailwind 색상 찾기

여러분 덕분에ToolZool은 계속 무료입니다

여러분 덕분에
ToolZool은 계속 무료입니다