Cầu vồng từ nâu vàng sang tím tông trầm (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #ead495, #a03a6c, #31696c, #9d8146, #55465b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #ead495
- #e9c683
- #e7b06c
- #e39656
- #dd794c
- #d25f4f
- #c44b5a
- #b33f65
- #a03a6c
- #8b3870
- #773972
- #653b73
- #553f74
- #454676
- #355177
- #2b5d74
- #31696c
- #447264
- #59775e
- #6a7a59
- #777d55
- #858051
- #92824b
- #9d8146
- #a77d44
- #ac7648
- #a96b53
- #9c615d
- #885764
- #735064
- #614a60
- #55465b
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(87.40% 0.0841 90.70) 0.0%, oklch(84.07% 0.0931 82.66) 3.2%, oklch(79.35% 0.1069 71.60) 6.5%, oklch(73.81% 0.1227 58.48) 9.7%, oklch(68.00% 0.1379 44.22) 12.9%, oklch(62.50% 0.1497 29.79) 16.1%, oklch(57.86% 0.1555 16.12) 19.4%, oklch(54.13% 0.1533 4.00) 22.6%, oklch(50.57% 0.1446 353.04) 25.8%, oklch(47.33% 0.1315 342.28) 29.0%, oklch(44.62% 0.1164 330.77) 32.3%, oklch(42.61% 0.1016 317.53) 35.5%, oklch(41.49% 0.0892 301.63) 38.7%, oklch(41.54% 0.0805 281.80) 41.9%, oklch(42.98% 0.0725 257.16) 45.2%, oklch(45.41% 0.0652 229.54) 48.4%, oklch(48.36% 0.0592 200.97) 51.6%, oklch(51.36% 0.0548 173.48) 54.8%, oklch(53.96% 0.0525 149.12) 58.1%, oklch(55.79% 0.0531 129.78) 61.3%, oklch(57.56% 0.0583 115.14) 64.5%, oklch(59.29% 0.0668 103.65) 67.7%, oklch(60.76% 0.0766 93.84) 71.0%, oklch(61.71% 0.0854 84.25) 74.2%, oklch(61.93% 0.0912 73.42) 77.4%, oklch(61.16% 0.0920 59.87) 80.6%, oklch(58.95% 0.0870 42.67) 83.9%, oklch(55.55% 0.0780 23.09) 87.1%, oklch(51.56% 0.0668 2.89) 90.3%, oklch(47.54% 0.0552 343.83) 93.5%, oklch(44.07% 0.0452 327.66) 96.8%, oklch(41.73% 0.0386 316.14) 100.0%);Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
