Cầu vồng từ xanh dương sang xanh lá (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #4a8a86, #522656, #5e5100, #2e8767, #266f44. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #4a8a86
- #458788
- #408389
- #3b7e8a
- #36798a
- #34728b
- #346a8a
- #366288
- #3a5986
- #3f5081
- #44477b
- #483e74
- #4c356b
- #502d61
- #522656
- #54204b
- #561a3f
- #571635
- #59132b
- #5a1321
- #5c1518
- #5e190c
- #5f1f00
- #5d2900
- #5d3100
- #5d3900
- #5e4100
- #5e4800
- #5e5100
- #5d5900
- #5a610e
- #576920
- #52702f
- #4e763b
- #497c46
- #45804f
- #408457
- #3b865d
- #378762
- #348865
- #318867
- #2e8767
- #2c8667
- #2a8566
- #288364
- #278161
- #267f5e
- #267d5a
- #257b57
- #267953
- #26764f
- #26744c
- #267349
- #267147
- #267045
- #266f44
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(59.06% 0.0661 190.55) 0.0%, oklch(58.15% 0.0673 195.94) 1.8%, oklch(56.97% 0.0687 202.38) 3.6%, oklch(55.54% 0.0704 209.77) 5.5%, oklch(53.91% 0.0723 217.99) 7.3%, oklch(52.12% 0.0744 226.96) 9.1%, oklch(50.20% 0.0767 236.57) 10.9%, oklch(48.20% 0.0790 246.71) 12.7%, oklch(46.15% 0.0814 257.30) 14.5%, oklch(44.09% 0.0839 268.22) 16.4%, oklch(42.06% 0.0864 279.38) 18.2%, oklch(40.10% 0.0888 290.68) 20.0%, oklch(38.25% 0.0911 302.01) 21.8%, oklch(36.54% 0.0934 313.27) 23.6%, oklch(35.02% 0.0955 324.37) 25.5%, oklch(33.72% 0.0974 335.20) 27.3%, oklch(32.68% 0.0991 345.67) 29.1%, oklch(31.94% 0.1005 355.66) 30.9%, oklch(31.55% 0.1017 5.08) 32.7%, oklch(31.53% 0.1025 14.06) 34.5%, oklch(31.88% 0.1031 23.21) 36.4%, oklch(32.57% 0.1034 32.53) 38.2%, oklch(33.57% 0.1016 41.81) 40.0%, oklch(34.81% 0.0903 51.31) 41.8%, oklch(36.26% 0.0844 60.82) 43.6%, oklch(37.89% 0.0819 70.27) 45.5%, oklch(39.65% 0.0822 79.60) 47.3%, oklch(41.50% 0.0848 88.76) 49.1%, oklch(43.40% 0.0896 97.67) 50.9%, oklch(45.31% 0.0968 106.28) 52.7%, oklch(47.19% 0.1005 114.52) 54.5%, oklch(49.00% 0.0999 122.34) 56.4%, oklch(50.69% 0.0994 129.70) 58.2%, oklch(52.23% 0.0989 136.51) 60.0%, oklch(53.58% 0.0984 142.74) 61.8%, oklch(54.69% 0.0981 148.32) 63.6%, oklch(55.52% 0.0979 153.20) 65.5%, oklch(56.05% 0.0978 157.30) 67.3%, oklch(56.34% 0.0978 160.56) 69.1%, oklch(56.45% 0.0979 163.02) 70.9%, oklch(56.38% 0.0980 164.75) 72.7%, oklch(56.18% 0.0981 165.82) 74.5%, oklch(55.84% 0.0982 166.32) 76.4%, oklch(55.39% 0.0984 166.32) 78.2%, oklch(54.85% 0.0986 165.88) 80.0%, oklch(54.24% 0.0988 165.09) 81.8%, oklch(53.58% 0.0990 164.02) 83.6%, oklch(52.88% 0.0992 162.74) 85.5%, oklch(52.17% 0.0994 161.33) 87.3%, oklch(51.47% 0.0996 159.85) 89.1%, oklch(50.79% 0.0999 158.40) 90.9%, oklch(50.15% 0.1000 157.03) 92.7%, oklch(49.58% 0.1002 155.82) 94.5%, oklch(49.09% 0.1004 154.85) 96.4%, oklch(48.70% 0.1005 154.19) 98.2%, oklch(48.43% 0.1006 153.91) 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
