Cầu vồng từ nâu vàng sang xanh lá tông trầm (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 135°: #c59a74, #9e4f91, #67cbe2, #5878c5, #a8cda3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #c59a74
- #c59672
- #c5926f
- #c48d6b
- #c38768
- #c28065
- #c07963
- #be7162
- #bc6a63
- #b96364
- #b65c67
- #b2576c
- #ae5271
- #aa4f78
- #a64d7f
- #a24d87
- #9e4f91
- #9b539b
- #9759a7
- #9261b3
- #8d6abf
- #8775ca
- #8080d4
- #798bdb
- #7397e1
- #6da2e5
- #68ace7
- #65b5e8
- #65bde8
- #65c3e7
- #66c8e6
- #67cbe4
- #67cbe2
- #65cae1
- #61c7e0
- #5dc3df
- #59bdde
- #55b6dd
- #53afdc
- #52a6da
- #539ed8
- #5595d5
- #578dd2
- #5986cf
- #5a80cb
- #5b7bc8
- #5a78c6
- #5878c5
- #5479c4
- #4e7dc4
- #4783c5
- #3f8ac4
- #3892c3
- #339ac0
- #34a2bd
- #3caab8
- #49b1b3
- #59b7af
- #6abdaa
- #7bc2a7
- #89c6a5
- #96c9a3
- #a1cba3
- #a8cda3
CSS
background: linear-gradient(135deg in oklch, oklch(71.65% 0.0730 62.58) 0.0%, oklch(70.97% 0.0754 59.55) 1.6%, oklch(70.03% 0.0785 56.01) 3.2%, oklch(68.88% 0.0822 51.98) 4.8%, oklch(67.56% 0.0864 47.51) 6.3%, oklch(66.11% 0.0911 42.64) 7.9%, oklch(64.58% 0.0960 37.41) 9.5%, oklch(63.02% 0.1010 31.86) 11.1%, oklch(61.47% 0.1061 26.04) 12.7%, oklch(59.98% 0.1111 19.98) 14.3%, oklch(58.58% 0.1160 13.71) 15.9%, oklch(57.33% 0.1204 7.30) 17.5%, oklch(56.26% 0.1245 0.76) 19.0%, oklch(55.43% 0.1280 354.16) 20.6%, oklch(54.88% 0.1308 347.51) 22.2%, oklch(54.66% 0.1328 340.87) 23.8%, oklch(54.80% 0.1338 334.25) 25.4%, oklch(55.40% 0.1340 327.01) 27.0%, oklch(56.44% 0.1332 319.00) 28.6%, oklch(57.84% 0.1317 310.39) 30.2%, oklch(59.54% 0.1296 301.33) 31.7%, oklch(61.48% 0.1270 291.97) 33.3%, oklch(63.58% 0.1240 282.48) 34.9%, oklch(65.78% 0.1208 273.01) 36.5%, oklch(68.01% 0.1174 263.71) 38.1%, oklch(70.22% 0.1140 254.75) 39.7%, oklch(72.32% 0.1106 246.28) 41.3%, oklch(74.25% 0.1075 238.46) 42.9%, oklch(75.96% 0.1047 231.44) 44.4%, oklch(77.36% 0.1024 225.38) 46.0%, oklch(78.40% 0.1006 220.43) 47.6%, oklch(79.01% 0.0995 216.76) 49.2%, oklch(79.12% 0.0992 214.58) 50.8%, oklch(78.73% 0.0996 214.26) 52.4%, oklch(77.90% 0.1007 215.62) 54.0%, oklch(76.70% 0.1023 218.38) 55.6%, oklch(75.20% 0.1043 222.30) 57.1%, oklch(73.46% 0.1066 227.09) 58.7%, oklch(71.56% 0.1092 232.51) 60.3%, oklch(69.56% 0.1118 238.28) 61.9%, oklch(67.53% 0.1145 244.15) 63.5%, oklch(65.54% 0.1170 249.84) 65.1%, oklch(63.66% 0.1194 255.10) 66.7%, oklch(61.96% 0.1214 259.66) 68.3%, oklch(60.50% 0.1230 263.26) 69.8%, oklch(59.35% 0.1241 265.63) 71.4%, oklch(58.59% 0.1245 266.52) 73.0%, oklch(58.27% 0.1242 265.64) 74.6%, oklch(58.44% 0.1231 262.84) 76.2%, oklch(59.01% 0.1212 258.31) 77.8%, oklch(59.94% 0.1186 252.29) 79.4%, oklch(61.18% 0.1155 244.99) 81.0%, oklch(62.67% 0.1119 236.65) 82.5%, oklch(64.35% 0.1079 227.51) 84.1%, oklch(66.19% 0.1037 217.77) 85.7%, oklch(68.13% 0.0993 207.68) 87.3%, oklch(70.12% 0.0948 197.46) 88.9%, oklch(72.11% 0.0904 187.34) 90.5%, oklch(74.04% 0.0861 177.55) 92.1%, oklch(75.87% 0.0820 168.31) 93.7%, oklch(77.54% 0.0783 159.86) 95.2%, oklch(79.00% 0.0751 152.42) 96.8%, oklch(80.21% 0.0723 146.22) 98.4%, oklch(81.10% 0.0703 141.48) 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
