Cầu vồng từ tím sang xanh cổ vịt tông pastel (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #5c688e, #e5a58f, #dbb28a, #b2a373, #58b3d3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #5c688e
- #626a91
- #6a6c95
- #736e99
- #7e719c
- #89749f
- #9678a1
- #a27ca2
- #af80a1
- #bb859f
- #c68a9d
- #d09099
- #d99796
- #e09e92
- #e5a58f
- #e8ab8c
- #eab28b
- #ebb78a
- #ebbc89
- #eabf89
- #e9c08a
- #e8c18a
- #e7c18a
- #e5bf8b
- #e4be8b
- #e2bb8b
- #e0b88a
- #deb58a
- #dbb28a
- #d8ae89
- #d5ab89
- #d2a888
- #cfa587
- #cca385
- #c9a184
- #c69f81
- #c49e7f
- #c19e7d
- #bf9f7a
- #bba077
- #b7a175
- #b2a373
- #aba673
- #a3a975
- #9aac78
- #90af7e
- #85b286
- #79b48f
- #6eb699
- #64b7a4
- #5bb7ae
- #56b7b8
- #53b7c1
- #54b6c9
- #56b5cf
- #58b3d3
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(52.36% 0.0620 270.70) 0.0%, oklch(53.33% 0.0628 275.72) 1.8%, oklch(54.57% 0.0638 282.00) 3.6%, oklch(56.04% 0.0650 289.40) 5.5%, oklch(57.71% 0.0664 297.77) 7.3%, oklch(59.54% 0.0680 306.93) 9.1%, oklch(61.50% 0.0696 316.74) 10.9%, oklch(63.55% 0.0714 327.04) 12.7%, oklch(65.67% 0.0731 337.67) 14.5%, oklch(67.80% 0.0749 348.48) 16.4%, oklch(69.93% 0.0766 359.31) 18.2%, oklch(72.02% 0.0783 10.00) 20.0%, oklch(74.02% 0.0799 20.39) 21.8%, oklch(75.91% 0.0813 30.33) 23.6%, oklch(77.66% 0.0826 39.66) 25.5%, oklch(79.22% 0.0837 48.22) 27.3%, oklch(80.57% 0.0846 55.86) 29.1%, oklch(81.67% 0.0851 62.42) 30.9%, oklch(82.48% 0.0854 67.74) 32.7%, oklch(82.98% 0.0853 71.68) 34.5%, oklch(83.23% 0.0848 74.27) 36.4%, oklch(83.25% 0.0840 75.66) 38.2%, oklch(83.06% 0.0828 76.00) 40.0%, oklch(82.69% 0.0814 75.47) 41.8%, oklch(82.17% 0.0797 74.23) 43.6%, oklch(81.51% 0.0779 72.42) 45.5%, oklch(80.75% 0.0759 70.21) 47.3%, oklch(79.90% 0.0739 67.77) 49.1%, oklch(79.00% 0.0719 65.25) 50.9%, oklch(78.06% 0.0700 62.81) 52.7%, oklch(77.12% 0.0681 60.61) 54.5%, oklch(76.19% 0.0664 58.81) 56.4%, oklch(75.30% 0.0649 57.57) 58.2%, oklch(74.48% 0.0637 57.06) 60.0%, oklch(73.75% 0.0627 57.43) 61.8%, oklch(73.14% 0.0621 58.83) 63.6%, oklch(72.67% 0.0619 61.45) 65.5%, oklch(72.35% 0.0621 65.41) 67.3%, oklch(72.12% 0.0628 70.77) 69.1%, oklch(71.94% 0.0639 77.38) 70.9%, oklch(71.82% 0.0654 85.07) 72.7%, oklch(71.74% 0.0672 93.69) 74.5%, oklch(71.69% 0.0692 103.08) 76.4%, oklch(71.68% 0.0714 113.09) 78.2%, oklch(71.70% 0.0738 123.55) 80.0%, oklch(71.75% 0.0763 134.31) 81.8%, oklch(71.81% 0.0789 145.21) 83.6%, oklch(71.89% 0.0815 156.09) 85.5%, oklch(71.98% 0.0841 166.79) 87.3%, oklch(72.07% 0.0866 177.16) 89.1%, oklch(72.16% 0.0890 187.03) 90.9%, oklch(72.25% 0.0913 196.26) 92.7%, oklch(72.33% 0.0934 204.68) 94.5%, oklch(72.39% 0.0952 212.13) 96.4%, oklch(72.43% 0.0967 218.46) 98.2%, oklch(72.44% 0.0978 223.50) 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
