컬러 피커로 건너뛰기
Pick
Shade
모든 도구
컬러 피커
팔레트
이미지에서
색상
변환
대비
그라데이션
Tailwind
검색
Ctrl K
한국어
모든 도구
컬러 피커
팔레트
이미지에서
색상
변환
대비
그라데이션
Tailwind
모든 Tailwind 색상
Tailwind mauve 컬러 팔레트
Tailwind CSS v4.3.3의 mauve 11단계 전체를 OKLCH, HEX, RGB 값과 텍스트 대비와 함께 보여 줍니다.
@theme 블록 복사
단계
클래스
OKLCH
HEX
RGB
흰색 텍스트
검은색 텍스트
50
mauve-50
oklch(98.5% 0 none)
#fafafa
rgb(250 250 250)
1.04
20.11
100
mauve-100
oklch(96% 0.003 325.6)
#f3f1f3
rgb(243 241 243)
1.12
18.68
200
mauve-200
oklch(92.2% 0.005 325.62)
#e7e4e7
rgb(231 228 231)
1.26
16.65
300
mauve-300
oklch(86.5% 0.012 325.68)
#d7d0d7
rgb(215 208 215)
1.51
13.88
400
mauve-400
oklch(71.1% 0.019 323.02)
#a89ea9
rgb(168 158 169)
2.58
8.12
500
mauve-500
oklch(54.2% 0.034 322.5)
#79697b
rgb(121 105 123)
5.1
4.12
600
mauve-600
oklch(43.5% 0.029 321.78)
#594c5b
rgb(89 76 91)
8.05
2.61
700
mauve-700
oklch(36.4% 0.029 323.89)
#463947
rgb(70 57 71)
10.83
1.94
800
mauve-800
oklch(26.3% 0.024 320.12)
#2a212c
rgb(42 33 44)
15.52
1.35
900
mauve-900
oklch(21.2% 0.019 322.12)
#1d161e
rgb(29 22 30)
17.72
1.18
950
mauve-950
oklch(14.5% 0.008 326)
#0c090c
rgb(12 9 12)
19.81
1.06