Chuyển đến công cụ chọn màu
Pick
Shade
Tất cả công cụ
Chọn màu
Bảng màu
Từ ảnh
Màu sắc
Chuyển đổi
Tương phản
Gradient
Tailwind
Tìm kiếm
Ctrl K
Tiếng Việt
Tất cả công cụ
Chọn màu
Bảng màu
Từ ảnh
Màu sắc
Chuyển đổi
Tương phản
Gradient
Tailwind
Tất cả màu Tailwind
Bảng màu emerald của Tailwind
Đủ mười một sắc độ emerald của Tailwind CSS v4.3.3 với giá trị OKLCH, HEX, RGB và độ tương phản chữ.
Sao chép khối @theme
Sắc độ
Class
OKLCH
HEX
RGB
Chữ trắng
Chữ đen
50
emerald-50
oklch(97.9% 0.021 166.113)
#ecfdf5
rgb(236 253 245)
1.05
19.92
100
emerald-100
oklch(95% 0.052 163.051)
#d0fae5
rgb(208 250 229)
1.14
18.5
200
emerald-200
oklch(90.5% 0.093 164.15)
#a4f4cf
rgb(164 244 207)
1.28
16.4
300
emerald-300
oklch(84.5% 0.143 164.978)
#5ee9b5
rgb(94 233 181)
1.52
13.84
400
emerald-400
oklch(76.5% 0.177 163.223)
#00d492
rgb(0 212 146)
1.93
10.86
500
emerald-500
oklch(69.6% 0.17 162.48)
#00bc7d
rgb(0 188 125)
2.46
8.52
600
emerald-600
oklch(59.6% 0.145 163.225)
#009966
rgb(0 153 102)
3.67
5.73
700
emerald-700
oklch(50.8% 0.118 165.612)
#007a55
rgb(0 122 85)
5.37
3.91
800
emerald-800
oklch(43.2% 0.095 166.913)
#006045
rgb(0 96 69)
7.58
2.77
900
emerald-900
oklch(37.8% 0.077 168.94)
#004f3b
rgb(0 79 59)
9.69
2.17
950
emerald-950
oklch(26.2% 0.051 172.552)
#002c22
rgb(0 44 34)
15.14
1.39