Cầu vồng từ tím sang nâu tông trầm (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #591328, #a3d7c9, #af9779, #65792d, #bd8c77. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #591328
- #5e1c38
- #63294e
- #663866
- #674a7f
- #665f95
- #6274a6
- #6089b1
- #649cb7
- #6dacba
- #7bb9bc
- #88c3bd
- #93cbc0
- #9cd2c4
- #a3d7c9
- #a9ddcf
- #ade1d4
- #afe4d9
- #b1e6dc
- #b2e7de
- #b2e6dd
- #b1e5d9
- #b1e2d2
- #b1dcc6
- #b2d3b6
- #b3c7a4
- #b4b892
- #b3a884
- #af9779
- #a98873
- #a17b6f
- #98706c
- #906769
- #8b6166
- #8a5d61
- #8b5a59
- #8c5a4d
- #8c5b3f
- #8a602f
- #826722
- #757021
- #65792d
- #52813d
- #42864a
- #398952
- #3e8b53
- #4c8d50
- #5f8e4a
- #738d45
- #868c42
- #978b45
- #a58a4d
- #af8959
- #b68a65
- #ba8b6f
- #bd8c77
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(31.50% 0.1020 7.73) 0.0%, oklch(34.09% 0.0997 357.53) 1.8%, oklch(37.56% 0.0967 343.77) 3.6%, oklch(41.72% 0.0931 327.24) 5.5%, oklch(46.38% 0.0890 308.70) 7.3%, oklch(51.36% 0.0846 288.93) 9.1%, oklch(56.47% 0.0802 268.72) 10.9%, oklch(61.54% 0.0758 248.83) 12.7%, oklch(66.36% 0.0716 230.05) 14.5%, oklch(70.77% 0.0678 213.15) 16.4%, oklch(74.56% 0.0645 198.90) 18.2%, oklch(77.56% 0.0620 188.09) 20.0%, oklch(79.98% 0.0601 181.10) 21.8%, oklch(82.14% 0.0586 177.35) 23.6%, oklch(84.03% 0.0576 176.13) 25.5%, oklch(85.63% 0.0568 176.75) 27.3%, oklch(86.92% 0.0563 178.49) 29.1%, oklch(87.90% 0.0559 180.66) 30.9%, oklch(88.54% 0.0557 182.55) 32.7%, oklch(88.82% 0.0556 183.46) 34.5%, oklch(88.74% 0.0555 182.69) 36.4%, oklch(88.27% 0.0554 179.54) 38.2%, oklch(87.40% 0.0551 173.29) 40.0%, oklch(85.85% 0.0546 162.98) 41.8%, oklch(83.46% 0.0539 148.76) 43.6%, oklch(80.42% 0.0530 131.65) 45.5%, oklch(76.90% 0.0521 112.64) 47.3%, oklch(73.08% 0.0512 92.76) 49.1%, oklch(69.14% 0.0506 73.01) 50.9%, oklch(65.26% 0.0504 54.41) 52.7%, oklch(61.62% 0.0506 37.95) 54.5%, oklch(58.40% 0.0513 24.66) 56.4%, oklch(55.78% 0.0528 15.55) 58.2%, oklch(53.94% 0.0551 11.61) 60.0%, oklch(52.79% 0.0588 13.90) 61.8%, oklch(52.12% 0.0639 21.97) 63.6%, oklch(51.84% 0.0702 34.59) 65.5%, oklch(51.91% 0.0773 50.52) 67.3%, oklch(52.25% 0.0847 68.52) 69.1%, oklch(52.81% 0.0921 87.37) 70.9%, oklch(53.53% 0.0992 105.83) 72.7%, oklch(54.34% 0.1054 122.67) 74.5%, oklch(55.17% 0.1105 136.65) 76.4%, oklch(55.98% 0.1141 146.54) 78.2%, oklch(56.69% 0.1157 151.10) 80.0%, oklch(57.45% 0.1153 150.25) 81.8%, oklch(58.40% 0.1130 145.24) 83.6%, oklch(59.49% 0.1091 136.86) 85.5%, oklch(60.69% 0.1042 125.93) 87.3%, oklch(61.94% 0.0985 113.22) 89.1%, oklch(63.20% 0.0923 99.54) 90.9%, oklch(64.43% 0.0861 85.68) 92.7%, oklch(65.59% 0.0801 72.44) 94.5%, oklch(66.61% 0.0748 60.61) 96.4%, oklch(67.47% 0.0705 50.99) 98.2%, oklch(68.11% 0.0675 44.37) 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
