Xanh hải quân, xanh cổ vịt và xanh lá (ba tông) (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 45°: #051224, #236d8d, #40dadb, #90d4a0, #aaad7c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #051224
- #061527
- #07182b
- #091b2f
- #0b1f34
- #0d243a
- #0f2840
- #112e46
- #13334d
- #163a55
- #18405c
- #1a4764
- #1c4e6c
- #1e5674
- #205d7d
- #226585
- #236d8d
- #257596
- #267e9e
- #2786a5
- #278ead
- #2896b4
- #299ebb
- #2aa6c1
- #2baec7
- #2cb5cc
- #2ebcd0
- #30c2d4
- #32c8d7
- #35ced9
- #38d2da
- #3cd7db
- #40dadb
- #45ddda
- #4adfd8
- #4fe1d6
- #54e2d3
- #5ae3cf
- #60e3cb
- #66e3c7
- #6ce2c2
- #72e1bd
- #78dfb8
- #7ddeb3
- #82dcae
- #87d9a9
- #8bd7a4
- #90d4a0
- #93d19b
- #97ce97
- #9acb93
- #9cc890
- #9fc58c
- #a1c28a
- #a2bf87
- #a4bc85
- #a5b983
- #a6b781
- #a7b580
- #a7b27f
- #a8b17e
- #a8af7d
- #a9ae7d
- #aaad7c
CSS
background: linear-gradient(45deg in oklch, oklch(18.11% 0.0413 255.94) 0.0%, oklch(19.20% 0.0428 254.95) 1.6%, oklch(20.47% 0.0446 253.88) 3.2%, oklch(21.92% 0.0466 252.72) 4.8%, oklch(23.52% 0.0488 251.47) 6.3%, oklch(25.27% 0.0513 250.15) 7.9%, oklch(27.16% 0.0540 248.75) 9.5%, oklch(29.16% 0.0569 247.27) 11.1%, oklch(31.27% 0.0599 245.73) 12.7%, oklch(33.48% 0.0630 244.11) 14.3%, oklch(35.76% 0.0663 242.44) 15.9%, oklch(38.12% 0.0697 240.70) 17.5%, oklch(40.54% 0.0731 238.90) 19.0%, oklch(42.99% 0.0766 237.05) 20.6%, oklch(45.48% 0.0801 235.14) 22.2%, oklch(47.99% 0.0837 233.19) 23.8%, oklch(50.51% 0.0872 231.19) 25.4%, oklch(53.01% 0.0907 229.15) 27.0%, oklch(55.50% 0.0941 227.08) 28.6%, oklch(57.95% 0.0974 224.96) 30.2%, oklch(60.36% 0.1007 222.81) 31.7%, oklch(62.72% 0.1038 220.63) 33.3%, oklch(65.00% 0.1068 218.43) 34.9%, oklch(67.19% 0.1096 216.20) 36.5%, oklch(69.30% 0.1123 213.95) 38.1%, oklch(71.29% 0.1147 211.69) 39.7%, oklch(73.16% 0.1169 209.41) 41.3%, oklch(74.90% 0.1189 207.12) 42.9%, oklch(76.49% 0.1205 204.82) 44.4%, oklch(77.92% 0.1219 202.52) 46.0%, oklch(79.17% 0.1230 200.21) 47.6%, oklch(80.25% 0.1238 197.91) 49.2%, oklch(81.13% 0.1242 195.59) 50.8%, oklch(81.86% 0.1242 193.16) 52.4%, oklch(82.45% 0.1240 190.61) 54.0%, oklch(82.91% 0.1234 187.94) 55.6%, oklch(83.25% 0.1226 185.17) 57.1%, oklch(83.48% 0.1215 182.31) 58.7%, oklch(83.59% 0.1202 179.37) 60.3%, oklch(83.61% 0.1187 176.36) 61.9%, oklch(83.53% 0.1170 173.29) 63.5%, oklch(83.37% 0.1151 170.17) 65.1%, oklch(83.13% 0.1130 167.01) 66.7%, oklch(82.82% 0.1108 163.83) 68.3%, oklch(82.44% 0.1084 160.63) 69.8%, oklch(82.01% 0.1060 157.43) 71.4%, oklch(81.54% 0.1035 154.23) 73.0%, oklch(81.02% 0.1009 151.05) 74.6%, oklch(80.46% 0.0983 147.90) 76.2%, oklch(79.89% 0.0956 144.78) 77.8%, oklch(79.29% 0.0929 141.72) 79.4%, oklch(78.68% 0.0903 138.71) 81.0%, oklch(78.07% 0.0876 135.77) 82.5%, oklch(77.46% 0.0851 132.92) 84.1%, oklch(76.86% 0.0826 130.15) 85.7%, oklch(76.29% 0.0801 127.49) 87.3%, oklch(75.73% 0.0778 124.94) 88.9%, oklch(75.22% 0.0756 122.51) 90.5%, oklch(74.74% 0.0736 120.22) 92.1%, oklch(74.31% 0.0717 118.08) 93.7%, oklch(73.94% 0.0700 116.09) 95.2%, oklch(73.63% 0.0685 114.26) 96.8%, oklch(73.39% 0.0672 112.62) 98.4%, oklch(73.23% 0.0661 111.16) 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
