Xanh dương nhạt, xanh dương, tím oải hương và xám (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #a2dbb6, #6797af, #a08abc, #bca3d5, #9ab3b7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #a2dbb6
- #9ed9b7
- #99d7b7
- #94d4b8
- #8fd1b8
- #8acdb8
- #84c9b8
- #7fc4b8
- #7abfb8
- #76bab7
- #72b5b7
- #6eb0b6
- #6cabb5
- #6aa6b3
- #68a1b2
- #689cb0
- #6797af
- #6793ad
- #6890ac
- #698dab
- #6a8aaa
- #6c88aa
- #6e87aa
- #7186ab
- #7485ac
- #7985ae
- #7d85b0
- #8285b2
- #8886b4
- #8e87b6
- #9488b8
- #9a89ba
- #a08abc
- #a68bbe
- #ac8dbf
- #b28ec0
- #b790c2
- #bc92c3
- #c093c4
- #c395c6
- #c697c7
- #c898c8
- #c89aca
- #c89bcc
- #c69dce
- #c49fd0
- #c0a0d3
- #bca3d5
- #b8a5d6
- #b3a7d7
- #aea9d8
- #a9abd7
- #a4add6
- #a0afd4
- #9cb0d1
- #99b1ce
- #97b2ca
- #96b3c7
- #96b3c3
- #96b3c0
- #97b3bd
- #98b3ba
- #99b3b8
- #9ab3b7
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(84.25% 0.0785 156.09) 0.0%, oklch(83.63% 0.0780 158.65) 1.6%, oklch(82.85% 0.0774 161.67) 3.2%, oklch(81.92% 0.0766 165.10) 4.8%, oklch(80.86% 0.0756 168.92) 6.3%, oklch(79.70% 0.0746 173.07) 7.9%, oklch(78.45% 0.0735 177.52) 9.5%, oklch(77.14% 0.0723 182.24) 11.1%, oklch(75.77% 0.0711 187.17) 12.7%, oklch(74.37% 0.0699 192.29) 14.3%, oklch(72.95% 0.0686 197.54) 15.9%, oklch(71.54% 0.0674 202.90) 17.5%, oklch(70.15% 0.0663 208.32) 19.0%, oklch(68.81% 0.0651 213.76) 20.6%, oklch(67.53% 0.0641 219.19) 22.2%, oklch(66.32% 0.0632 224.55) 23.8%, oklch(65.22% 0.0623 229.82) 25.4%, oklch(64.23% 0.0616 234.95) 27.0%, oklch(63.37% 0.0611 239.91) 28.6%, oklch(62.67% 0.0607 244.65) 30.2%, oklch(62.15% 0.0606 249.13) 31.7%, oklch(61.81% 0.0606 253.31) 33.3%, oklch(61.67% 0.0610 257.49) 34.9%, oklch(61.70% 0.0617 261.92) 36.5%, oklch(61.88% 0.0627 266.56) 38.1%, oklch(62.20% 0.0639 271.35) 39.7%, oklch(62.65% 0.0654 276.24) 41.3%, oklch(63.21% 0.0670 281.18) 42.9%, oklch(63.87% 0.0688 286.11) 44.4%, oklch(64.60% 0.0707 290.99) 46.0%, oklch(65.40% 0.0726 295.76) 47.6%, oklch(66.25% 0.0746 300.36) 49.2%, oklch(67.13% 0.0765 304.75) 50.8%, oklch(68.03% 0.0783 308.87) 52.4%, oklch(68.93% 0.0801 312.67) 54.0%, oklch(69.82% 0.0817 316.09) 55.6%, oklch(70.68% 0.0831 319.09) 57.1%, oklch(71.50% 0.0843 321.61) 58.7%, oklch(72.26% 0.0852 323.60) 60.3%, oklch(72.94% 0.0859 325.00) 61.9%, oklch(73.54% 0.0861 325.77) 63.5%, oklch(74.04% 0.0860 325.84) 65.1%, oklch(74.41% 0.0854 325.17) 66.7%, oklch(74.69% 0.0844 323.58) 68.3%, oklch(74.92% 0.0829 320.96) 69.8%, oklch(75.11% 0.0810 317.42) 71.4%, oklch(75.25% 0.0787 313.07) 73.0%, oklch(75.36% 0.0761 307.99) 74.6%, oklch(75.42% 0.0732 302.28) 76.2%, oklch(75.46% 0.0701 296.05) 77.8%, oklch(75.47% 0.0668 289.40) 79.4%, oklch(75.45% 0.0634 282.42) 81.0%, oklch(75.42% 0.0598 275.21) 82.5%, oklch(75.37% 0.0562 267.86) 84.1%, oklch(75.30% 0.0527 260.49) 85.7%, oklch(75.23% 0.0491 253.18) 87.3%, oklch(75.15% 0.0456 246.04) 88.9%, oklch(75.08% 0.0423 239.16) 90.5%, oklch(75.00% 0.0391 232.64) 92.1%, oklch(74.93% 0.0362 226.58) 93.7%, oklch(74.87% 0.0335 221.08) 95.2%, oklch(74.83% 0.0312 216.24) 96.8%, oklch(74.81% 0.0292 212.16) 98.4%, oklch(74.80% 0.0276 208.93) 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
