Xanh dương nhạt, xanh cổ vịt và xanh dương (tương đồng) (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 135°: #dbf3f0, #7daca8, #146a6f, #15607b, #42628f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #dbf3f0
- #d7f0ed
- #d3ece9
- #cee8e5
- #c8e4e1
- #c2e0dc
- #bbdbd7
- #b4d5d2
- #add0cc
- #a5cac6
- #9dc4c0
- #95beba
- #8db8b4
- #85b2ae
- #7daca8
- #74a6a2
- #6ca09c
- #649a96
- #5c9491
- #548e8c
- #4c8987
- #448482
- #3d7f7e
- #357b7a
- #2e7777
- #277374
- #217072
- #1a6d70
- #146a6f
- #0d686e
- #06676d
- #01656d
- #00646e
- #00636e
- #00626f
- #006170
- #006172
- #006074
- #056076
- #0a6077
- #106079
- #15607b
- #1a607d
- #1e607f
- #236181
- #276183
- #2b6185
- #2e6287
- #326288
- #35628a
- #38628b
- #3a628c
- #3d638d
- #3f638e
- #40628e
- #42628f
CSS
background: linear-gradient(135deg in oklch, oklch(94.49% 0.0248 187.73) 0.0%, oklch(93.56% 0.0258 187.93) 1.8%, oklch(92.46% 0.0270 188.10) 3.6%, oklch(91.21% 0.0284 188.26) 5.5%, oklch(89.81% 0.0299 188.40) 7.3%, oklch(88.28% 0.0316 188.53) 9.1%, oklch(86.64% 0.0334 188.65) 10.9%, oklch(84.89% 0.0353 188.77) 12.7%, oklch(83.05% 0.0373 188.90) 14.5%, oklch(81.14% 0.0394 189.04) 16.4%, oklch(79.16% 0.0415 189.19) 18.2%, oklch(77.13% 0.0437 189.37) 20.0%, oklch(75.07% 0.0460 189.56) 21.8%, oklch(72.98% 0.0482 189.79) 23.6%, oklch(70.88% 0.0505 190.05) 25.5%, oklch(68.79% 0.0528 190.35) 27.3%, oklch(66.72% 0.0551 190.69) 29.1%, oklch(64.67% 0.0573 191.08) 30.9%, oklch(62.67% 0.0595 191.53) 32.7%, oklch(60.73% 0.0617 192.03) 34.5%, oklch(58.85% 0.0638 192.60) 36.4%, oklch(57.07% 0.0658 193.23) 38.2%, oklch(55.38% 0.0677 193.94) 40.0%, oklch(53.80% 0.0695 194.73) 41.8%, oklch(52.34% 0.0711 195.59) 43.6%, oklch(51.03% 0.0727 196.55) 45.5%, oklch(49.86% 0.0740 197.60) 47.3%, oklch(48.86% 0.0753 198.75) 49.1%, oklch(48.03% 0.0763 200.01) 50.9%, oklch(47.33% 0.0772 201.44) 52.7%, oklch(46.74% 0.0780 203.05) 54.5%, oklch(46.26% 0.0787 204.82) 56.4%, oklch(45.89% 0.0786 206.75) 58.2%, oklch(45.60% 0.0786 208.79) 60.0%, oklch(45.40% 0.0788 210.95) 61.8%, oklch(45.29% 0.0793 213.21) 63.6%, oklch(45.24% 0.0802 215.55) 65.5%, oklch(45.26% 0.0813 217.94) 67.3%, oklch(45.34% 0.0815 220.40) 69.1%, oklch(45.48% 0.0816 222.91) 70.9%, oklch(45.66% 0.0817 225.44) 72.7%, oklch(45.88% 0.0817 227.98) 74.5%, oklch(46.13% 0.0817 230.52) 76.4%, oklch(46.41% 0.0817 233.04) 78.2%, oklch(46.71% 0.0817 235.52) 80.0%, oklch(47.01% 0.0816 237.96) 81.8%, oklch(47.33% 0.0815 240.34) 83.6%, oklch(47.64% 0.0815 242.63) 85.5%, oklch(47.94% 0.0814 244.84) 87.3%, oklch(48.22% 0.0813 246.93) 89.1%, oklch(48.48% 0.0812 248.91) 90.9%, oklch(48.72% 0.0812 250.74) 92.7%, oklch(48.91% 0.0812 252.43) 94.5%, oklch(49.07% 0.0812 253.95) 96.4%, oklch(49.17% 0.0812 255.28) 98.2%, oklch(49.21% 0.0813 256.42) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
