Cầu vồng từ xanh dương sang tím tông trầm (gradient tuyến tính)
Gradient tuyến tính, 48 màu, góc 135°: #6d5ba5, #00afcd, #bdcf69, #c98579, #6c5c73. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #6d5ba5
- #6b5faa
- #6864af
- #6569b4
- #616fba
- #5b76c0
- #557dc5
- #4c85ca
- #428dcd
- #3596d0
- #239fd1
- #02a8d1
- #00afcd
- #00b7c9
- #00bfc4
- #00c6be
- #20ccb6
- #3ed0ad
- #56d4a3
- #6cd698
- #80d78e
- #93d683
- #a3d579
- #b1d271
- #bdcf69
- #c8ca63
- #d0c45e
- #d7bd5c
- #dcb65c
- #dfae5e
- #e0a761
- #de9f66
- #db986b
- #d79170
- #d18a75
- #c98579
- #c17f7d
- #b87a7f
- #ae7681
- #a57281
- #9c6e81
- #936b80
- #8a677e
- #83657c
- #7c6279
- #766077
- #705e75
- #6c5c73
CSS
background: linear-gradient(135deg in oklch, oklch(52.36% 0.1144 293.20) 0.0%, oklch(53.10% 0.1148 289.23) 2.1%, oklch(54.03% 0.1155 284.65) 4.3%, oklch(55.13% 0.1163 279.53) 6.4%, oklch(56.40% 0.1173 273.89) 8.5%, oklch(57.79% 0.1185 267.78) 10.6%, oklch(59.30% 0.1197 261.24) 12.8%, oklch(60.90% 0.1210 254.31) 14.9%, oklch(62.57% 0.1224 247.04) 17.0%, oklch(64.30% 0.1238 239.46) 19.1%, oklch(66.05% 0.1252 231.61) 21.3%, oklch(67.81% 0.1266 223.55) 23.4%, oklch(69.56% 0.1231 215.31) 25.5%, oklch(71.27% 0.1222 206.93) 27.7%, oklch(72.92% 0.1240 198.44) 29.8%, oklch(74.50% 0.1287 189.90) 31.9%, oklch(75.99% 0.1319 181.35) 34.0%, oklch(77.35% 0.1325 172.83) 36.2%, oklch(78.58% 0.1329 164.37) 38.3%, oklch(79.64% 0.1330 156.03) 40.4%, oklch(80.53% 0.1328 147.83) 42.6%, oklch(81.21% 0.1323 139.83) 44.7%, oklch(81.67% 0.1315 132.07) 46.8%, oklch(81.88% 0.1303 124.58) 48.9%, oklch(81.83% 0.1287 117.33) 51.1%, oklch(81.51% 0.1266 109.91) 53.2%, oklch(80.94% 0.1240 102.27) 55.3%, oklch(80.15% 0.1210 94.44) 57.4%, oklch(79.15% 0.1176 86.48) 59.6%, oklch(77.97% 0.1139 78.40) 61.7%, oklch(76.63% 0.1099 70.26) 63.8%, oklch(75.15% 0.1056 62.08) 66.0%, oklch(73.55% 0.1011 53.90) 68.1%, oklch(71.85% 0.0965 45.75) 70.2%, oklch(70.08% 0.0917 37.69) 72.3%, oklch(68.25% 0.0869 29.73) 74.5%, oklch(66.39% 0.0821 21.92) 76.6%, oklch(64.53% 0.0772 14.29) 78.7%, oklch(62.67% 0.0725 6.88) 80.9%, oklch(60.84% 0.0678 359.73) 83.0%, oklch(59.07% 0.0633 352.87) 85.1%, oklch(57.38% 0.0590 346.34) 87.2%, oklch(55.78% 0.0550 340.17) 89.4%, oklch(54.30% 0.0512 334.41) 91.5%, oklch(52.96% 0.0478 329.08) 93.6%, oklch(51.78% 0.0447 324.23) 95.7%, oklch(50.79% 0.0421 319.89) 97.9%, oklch(50.00% 0.0400 316.10) 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
