Cầu vồng từ be sang xanh hải quân (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #f6e9c8, #65efd2, #928900, #72205b, #23306c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #f6e9c8
- #f5e9c5
- #f2e9c2
- #f0e9bf
- #ece9bc
- #e7eab9
- #e1ebb6
- #d9ecb5
- #d0eeb5
- #c6efb6
- #baf0b8
- #aef1bc
- #a0f1c0
- #92f1c5
- #83f1ca
- #74f0ce
- #65efd2
- #55edd5
- #44ebd6
- #32e8d6
- #1ce5d3
- #00e2cd
- #00dec5
- #00d9ba
- #00d4ab
- #1fcf9b
- #37c888
- #4cc073
- #5eb75c
- #6fad43
- #7ea224
- #8a9500
- #928900
- #977d00
- #9a7200
- #9c6700
- #9e5b00
- #a04f00
- #a34002
- #9f381d
- #9a302b
- #942b36
- #8f273e
- #892444
- #83224b
- #7e2151
- #782056
- #72205b
- #6c215f
- #662263
- #602366
- #5a2469
- #55256b
- #4f276d
- #4a286e
- #45296f
- #402a70
- #3c2c70
- #372d6f
- #332e6f
- #2f2e6e
- #2b2f6e
- #27306d
- #23306c
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(93.70% 0.0455 89.30) 0.0%, oklch(93.42% 0.0482 92.03) 1.6%, oklch(93.14% 0.0516 95.68) 3.2%, oklch(92.86% 0.0555 100.12) 4.8%, oklch(92.57% 0.0599 105.24) 6.3%, oklch(92.27% 0.0648 110.92) 7.9%, oklch(91.94% 0.0700 117.05) 9.5%, oklch(91.60% 0.0755 123.50) 11.1%, oklch(91.23% 0.0813 130.18) 12.7%, oklch(90.83% 0.0872 136.94) 14.3%, oklch(90.39% 0.0932 143.69) 15.9%, oklch(89.91% 0.0992 150.30) 17.5%, oklch(89.39% 0.1052 156.66) 19.0%, oklch(88.82% 0.1111 162.66) 20.6%, oklch(88.19% 0.1168 168.16) 22.2%, oklch(87.50% 0.1222 173.07) 23.8%, oklch(86.75% 0.1274 177.25) 25.4%, oklch(85.93% 0.1321 180.61) 27.0%, oklch(85.04% 0.1365 183.01) 28.6%, oklch(84.08% 0.1403 184.34) 30.2%, oklch(83.03% 0.1435 184.50) 31.7%, oklch(81.89% 0.1456 183.35) 33.3%, oklch(80.62% 0.1455 180.85) 34.9%, oklch(79.19% 0.1468 177.09) 36.5%, oklch(77.62% 0.1502 172.20) 38.1%, oklch(75.91% 0.1519 166.27) 39.7%, oklch(74.10% 0.1524 159.41) 41.3%, oklch(72.19% 0.1527 151.73) 42.9%, oklch(70.21% 0.1527 143.35) 44.4%, oklch(68.17% 0.1525 134.36) 46.0%, oklch(66.08% 0.1521 124.88) 47.6%, oklch(63.98% 0.1450 115.01) 49.2%, oklch(61.86% 0.1312 104.87) 50.8%, oklch(59.76% 0.1226 94.55) 52.4%, oklch(57.68% 0.1184 84.17) 54.0%, oklch(55.64% 0.1180 73.85) 55.6%, oklch(53.67% 0.1217 63.68) 57.1%, oklch(51.78% 0.1301 53.78) 58.7%, oklch(49.98% 0.1438 44.30) 60.3%, oklch(48.30% 0.1425 35.27) 61.9%, oklch(46.74% 0.1413 26.83) 63.5%, oklch(45.34% 0.1402 19.09) 65.1%, oklch(44.09% 0.1392 12.15) 66.7%, oklch(42.99% 0.1381 5.71) 68.3%, oklch(41.98% 0.1368 359.36) 69.8%, oklch(41.06% 0.1354 353.11) 71.4%, oklch(40.22% 0.1338 346.99) 73.0%, oklch(39.46% 0.1321 340.99) 74.6%, oklch(38.77% 0.1303 335.13) 76.2%, oklch(38.15% 0.1285 329.41) 77.8%, oklch(37.58% 0.1265 323.86) 79.4%, oklch(37.08% 0.1245 318.47) 81.0%, oklch(36.63% 0.1225 313.26) 82.5%, oklch(36.22% 0.1205 308.25) 84.1%, oklch(35.85% 0.1185 303.43) 85.7%, oklch(35.52% 0.1166 298.81) 87.3%, oklch(35.21% 0.1147 294.42) 88.9%, oklch(34.93% 0.1129 290.26) 90.5%, oklch(34.67% 0.1111 286.34) 92.1%, oklch(34.43% 0.1095 282.67) 93.7%, oklch(34.19% 0.1081 279.26) 95.2%, oklch(33.95% 0.1068 276.13) 96.8%, oklch(33.71% 0.1057 273.27) 98.4%, oklch(33.46% 0.1047 270.71) 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
