Xám, xanh dương nhạt, tím và nâu vàng (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #e5e8e9, #8ec6d8, #b5a1d2, #2c3861, #d5b958. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #e5e8e9
- #dde5e8
- #d3e1e6
- #c7dde2
- #bad8df
- #acd3db
- #9fced8
- #94c9d7
- #8ec6d8
- #8dc3dc
- #92c1e2
- #9cbfe8
- #a8bceb
- #b3b8ea
- #bab2e5
- #bbabdd
- #b5a1d2
- #a691c1
- #917dac
- #7a6896
- #625581
- #4d4570
- #3a3b65
- #2c3861
- #1f3e65
- #024e6d
- #006470
- #007f71
- #4b9768
- #84a85c
- #b4b456
- #d5b958
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(92.91% 0.0041 219.37) 0.0%, oklch(91.77% 0.0091 218.68) 3.2%, oklch(90.17% 0.0161 217.09) 6.5%, oklch(88.25% 0.0245 215.16) 9.7%, oklch(86.18% 0.0335 213.44) 12.9%, oklch(84.09% 0.0426 212.49) 16.1%, oklch(82.15% 0.0510 212.86) 19.4%, oklch(80.49% 0.0580 215.09) 22.6%, oklch(79.28% 0.0631 219.79) 25.8%, oklch(78.81% 0.0665 228.28) 29.0%, oklch(78.90% 0.0689 239.91) 32.3%, oklch(79.26% 0.0704 253.39) 35.5%, oklch(79.57% 0.0713 267.41) 38.7%, oklch(79.55% 0.0718 280.65) 41.9%, oklch(78.88% 0.0722 291.82) 45.2%, oklch(77.25% 0.0727 299.59) 48.4%, oklch(74.23% 0.0733 303.16) 51.6%, oklch(69.13% 0.0732 304.59) 54.8%, oklch(62.55% 0.0726 304.19) 58.1%, oklch(55.28% 0.0718 301.83) 61.3%, oklch(48.11% 0.0711 297.38) 64.5%, oklch(41.83% 0.0710 290.71) 67.7%, oklch(37.23% 0.0717 281.70) 71.0%, oklch(35.09% 0.0737 270.20) 74.2%, oklch(36.14% 0.0773 254.89) 77.4%, oklch(40.11% 0.0828 233.74) 80.6%, oklch(46.20% 0.0796 208.63) 83.9%, oklch(53.56% 0.0962 181.51) 87.1%, oklch(61.37% 0.1044 154.46) 90.3%, oklch(68.79% 0.1114 129.46) 93.5%, oklch(74.99% 0.1172 108.51) 96.8%, oklch(79.13% 0.1213 93.62) 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
