Xanh hải quân, tím, xanh lá và xám (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 135°: #132a34, #815878, #71c0c9, #608c6c, #afbfb9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #132a34
- #152c38
- #192e3c
- #1d3041
- #233347
- #29354c
- #313852
- #393a57
- #423d5c
- #4b4060
- #544363
- #5e4666
- #664969
- #6e4c6c
- #76506f
- #7c5473
- #815878
- #865d7f
- #8a6287
- #8d6891
- #8f6f9b
- #8f77a6
- #8f7fb1
- #8c87bb
- #8990c4
- #8599cb
- #80a1d0
- #7ba9d3
- #77b0d4
- #74b6d3
- #72bbd0
- #72becd
- #71c0c9
- #71c0c4
- #70bfbe
- #6ebcb7
- #6cb9af
- #6ab5a7
- #68b09f
- #66ab96
- #64a58e
- #62a087
- #609b80
- #5f9679
- #5e9274
- #5e8f70
- #5f8d6e
- #608c6c
- #628c6d
- #668d6f
- #698f72
- #6e9276
- #72957b
- #789981
- #7d9d88
- #83a28e
- #8aa695
- #90ab9c
- #96afa2
- #9cb4a8
- #a2b7ae
- #a7bbb2
- #abbdb6
- #afbfb9
CSS
background: linear-gradient(135deg in oklch, oklch(27.17% 0.0344 228.52) 0.0%, oklch(28.02% 0.0358 232.76) 1.6%, oklch(29.05% 0.0375 238.55) 3.2%, oklch(30.23% 0.0394 245.61) 4.8%, oklch(31.55% 0.0417 253.70) 6.3%, oklch(32.99% 0.0441 262.54) 7.9%, oklch(34.53% 0.0467 271.88) 9.5%, oklch(36.15% 0.0494 281.45) 11.1%, oklch(37.84% 0.0522 290.99) 12.7%, oklch(39.57% 0.0550 300.25) 14.3%, oklch(41.34% 0.0577 308.95) 15.9%, oklch(43.12% 0.0604 316.85) 17.5%, oklch(44.89% 0.0629 323.67) 19.0%, oklch(46.64% 0.0652 329.16) 20.6%, oklch(48.35% 0.0673 333.05) 22.2%, oklch(49.99% 0.0691 335.09) 23.8%, oklch(51.57% 0.0706 335.02) 25.4%, oklch(53.24% 0.0719 332.83) 27.0%, oklch(55.04% 0.0731 328.77) 28.6%, oklch(56.94% 0.0741 323.06) 30.2%, oklch(58.91% 0.0750 315.95) 31.7%, oklch(60.91% 0.0758 307.65) 33.3%, oklch(62.91% 0.0765 298.42) 34.9%, oklch(64.89% 0.0770 288.48) 36.5%, oklch(66.80% 0.0775 278.07) 38.1%, oklch(68.62% 0.0779 267.41) 39.7%, oklch(70.32% 0.0782 256.75) 41.3%, oklch(71.86% 0.0784 246.32) 42.9%, oklch(73.21% 0.0785 236.34) 44.4%, oklch(74.34% 0.0786 227.06) 46.0%, oklch(75.21% 0.0786 218.71) 47.6%, oklch(75.81% 0.0786 211.52) 49.2%, oklch(76.06% 0.0785 205.57) 50.8%, oklch(75.90% 0.0784 200.04) 52.4%, oklch(75.35% 0.0783 194.80) 54.0%, oklch(74.47% 0.0781 189.83) 55.6%, oklch(73.32% 0.0778 185.15) 57.1%, oklch(71.97% 0.0775 180.75) 58.7%, oklch(70.46% 0.0772 176.64) 60.3%, oklch(68.87% 0.0767 172.81) 61.9%, oklch(67.24% 0.0761 169.27) 63.5%, oklch(65.63% 0.0754 166.03) 65.1%, oklch(64.11% 0.0746 163.08) 66.7%, oklch(62.74% 0.0736 160.42) 68.3%, oklch(61.56% 0.0724 158.05) 69.8%, oklch(60.65% 0.0711 155.98) 71.4%, oklch(60.05% 0.0697 154.22) 73.0%, oklch(59.83% 0.0680 152.75) 74.6%, oklch(60.02% 0.0660 151.68) 76.2%, oklch(60.54% 0.0636 151.20) 77.8%, oklch(61.35% 0.0609 151.26) 79.4%, oklch(62.40% 0.0578 151.78) 81.0%, oklch(63.67% 0.0545 152.70) 82.5%, oklch(65.09% 0.0511 153.95) 84.1%, oklch(66.64% 0.0475 155.46) 85.7%, oklch(68.27% 0.0439 157.16) 87.3%, oklch(69.94% 0.0402 158.98) 88.9%, oklch(71.60% 0.0367 160.86) 90.5%, oklch(73.22% 0.0333 162.71) 92.1%, oklch(74.75% 0.0301 164.48) 93.7%, oklch(76.14% 0.0272 166.10) 95.2%, oklch(77.37% 0.0246 167.50) 96.8%, oklch(78.38% 0.0224 168.60) 98.4%, oklch(79.13% 0.0207 169.34) 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
