Cầu vồng từ tím sang xanh dương (gradient xuyên tâm)
Gradient xuyên tâm, 80 màu: #241c2f, #a94977, #d79441, #6f9f61, #3d6384. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
8 keyframe OKLCH chỉnh sửa được.
- #241c2f
- #271e32
- #2b2037
- #31243d
- #372743
- #3e2b4a
- #462f51
- #4e3358
- #56375e
- #5e3b64
- #663e6a
- #6e406e
- #754372
- #7b4474
- #824577
- #894678
- #904779
- #964879
- #9c4879
- #a34978
- #a94977
- #ae4a75
- #b44c73
- #b94e70
- #be506d
- #c2536a
- #c55667
- #c85964
- #cb5d61
- #cd615e
- #cf655b
- #d06958
- #d26e55
- #d37252
- #d4764e
- #d57a4b
- #d67f49
- #d78446
- #d78a44
- #d78f42
- #d79441
- #d69940
- #d49e40
- #d1a241
- #cea642
- #caa844
- #c5aa45
- #c0ab46
- #bbac47
- #b5ab48
- #aeaa49
- #a8a94a
- #a1a84b
- #9aa64c
- #93a54e
- #8ca350
- #84a254
- #7da158
- #76a05c
- #6f9f61
- #689e65
- #629d6a
- #5c9b6e
- #579973
- #529776
- #4e957a
- #4a927d
- #46907f
- #428d82
- #3f8a83
- #3b8685
- #388286
- #377d87
- #367988
- #367488
- #377088
- #386c87
- #3a6886
- #3b6585
- #3d6384
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(24.41% 0.0372 303.05) 0.0%, oklch(25.50% 0.0401 304.27) 1.3%, oklch(26.92% 0.0437 305.77) 2.5%, oklch(28.61% 0.0481 307.52) 3.8%, oklch(30.50% 0.0529 309.48) 5.1%, oklch(32.55% 0.0581 311.63) 6.3%, oklch(34.67% 0.0637 313.92) 7.6%, oklch(36.82% 0.0693 316.34) 8.9%, oklch(38.94% 0.0750 318.85) 10.1%, oklch(40.96% 0.0806 321.42) 11.4%, oklch(42.82% 0.0860 324.02) 12.7%, oklch(44.46% 0.0910 326.61) 13.9%, oklch(45.87% 0.0957 329.21) 15.2%, oklch(47.17% 0.1008 331.90) 16.5%, oklch(48.38% 0.1060 334.66) 17.7%, oklch(49.50% 0.1113 337.51) 19.0%, oklch(50.55% 0.1166 340.43) 20.3%, oklch(51.55% 0.1217 343.42) 21.5%, oklch(52.50% 0.1265 346.48) 22.8%, oklch(53.43% 0.1310 349.59) 24.1%, oklch(54.34% 0.1349 352.77) 25.3%, oklch(55.24% 0.1383 356.00) 26.6%, oklch(56.16% 0.1408 359.28) 27.8%, oklch(57.09% 0.1425 2.60) 29.1%, oklch(58.01% 0.1433 5.98) 30.4%, oklch(58.90% 0.1432 9.41) 31.6%, oklch(59.78% 0.1425 12.91) 32.9%, oklch(60.63% 0.1412 16.46) 34.2%, oklch(61.46% 0.1396 20.07) 35.4%, oklch(62.28% 0.1377 23.74) 36.7%, oklch(63.09% 0.1356 27.46) 38.0%, oklch(63.89% 0.1337 31.25) 39.2%, oklch(64.68% 0.1319 35.09) 40.5%, oklch(65.47% 0.1304 38.99) 41.8%, oklch(66.25% 0.1294 42.95) 43.0%, oklch(67.10% 0.1287 47.06) 44.3%, oklch(68.02% 0.1282 51.32) 45.6%, oklch(68.97% 0.1277 55.71) 46.8%, oklch(69.94% 0.1274 60.18) 48.1%, oklch(70.88% 0.1270 64.69) 49.4%, oklch(71.77% 0.1267 69.21) 50.6%, oklch(72.58% 0.1264 73.69) 51.9%, oklch(73.28% 0.1260 78.09) 53.2%, oklch(73.84% 0.1255 82.38) 54.4%, oklch(74.22% 0.1249 86.51) 55.7%, oklch(74.40% 0.1241 90.45) 57.0%, oklch(74.35% 0.1233 94.14) 58.2%, oklch(74.08% 0.1224 97.57) 59.5%, oklch(73.63% 0.1216 100.80) 60.8%, oklch(73.02% 0.1207 103.88) 62.0%, oklch(72.29% 0.1197 106.89) 63.3%, oklch(71.47% 0.1186 109.86) 64.6%, oklch(70.60% 0.1174 112.86) 65.8%, oklch(69.71% 0.1161 115.95) 67.1%, oklch(68.82% 0.1146 119.18) 68.4%, oklch(67.99% 0.1130 122.61) 69.6%, oklch(67.22% 0.1111 126.30) 70.9%, oklch(66.55% 0.1090 130.28) 72.2%, oklch(65.92% 0.1064 134.41) 73.4%, oklch(65.30% 0.1035 138.69) 74.7%, oklch(64.68% 0.1003 143.09) 75.9%, oklch(64.07% 0.0970 147.63) 77.2%, oklch(63.45% 0.0936 152.28) 78.5%, oklch(62.82% 0.0902 157.04) 79.7%, oklch(62.17% 0.0869 161.91) 81.0%, oklch(61.49% 0.0838 166.88) 82.3%, oklch(60.78% 0.0810 171.94) 83.5%, oklch(60.02% 0.0786 177.09) 84.8%, oklch(59.21% 0.0767 182.34) 86.1%, oklch(58.29% 0.0751 188.09) 87.3%, oklch(57.26% 0.0738 194.34) 88.6%, oklch(56.17% 0.0727 200.93) 89.9%, oklch(55.03% 0.0718 207.70) 91.1%, oklch(53.88% 0.0712 214.48) 92.4%, oklch(52.75% 0.0706 221.12) 93.7%, oklch(51.66% 0.0702 227.44) 94.9%, oklch(50.66% 0.0699 233.28) 96.2%, oklch(49.76% 0.0695 238.49) 97.5%, oklch(49.01% 0.0692 242.89) 98.7%, oklch(48.43% 0.0689 246.33) 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
