Đen, cam, xanh dương nhạt và xanh hải quân (gradient hình nón)
Gradient hình nón, 34 màu, góc 180°: #000000, #8f0c00, #cec88d, #19c3e3, #040d4c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
8 keyframe OKLCH chỉnh sửa được.
- #000000
- #000000
- #030000
- #0f0000
- #200000
- #350100
- #500100
- #6f0300
- #8f0c00
- #ac1c00
- #c32d00
- #d73f0d
- #e1592b
- #e7713e
- #e9874b
- #e69e57
- #dbb56e
- #cec88d
- #c5d3a8
- #bfdab9
- #b2dfc1
- #99e2ca
- #75e2d5
- #4cdde1
- #2cd2e7
- #19c3e3
- #0db2d7
- #049fc8
- #008ab6
- #0072a3
- #00568a
- #003971
- #01205c
- #040d4c
CSS
background: conic-gradient(from 180deg in oklch, oklch(0.00% 0.0000 0.00) 0.0%, oklch(2.62% 0.0103 30.66) 3.0%, oklch(6.23% 0.0246 30.48) 6.1%, oklch(10.60% 0.0422 30.29) 9.1%, oklch(15.54% 0.0621 30.14) 12.1%, oklch(20.88% 0.0838 29.81) 15.2%, oklch(27.17% 0.1107 29.47) 18.2%, oklch(34.16% 0.1379 29.79) 21.2%, oklch(41.26% 0.1627 30.58) 24.2%, oklch(47.86% 0.1810 32.08) 27.3%, oklch(53.55% 0.1919 34.14) 30.3%, oklch(58.73% 0.1962 35.74) 33.3%, oklch(63.52% 0.1801 38.02) 36.4%, oklch(67.90% 0.1603 42.47) 39.4%, oklch(71.90% 0.1415 50.53) 42.4%, oklch(75.65% 0.1228 63.83) 45.5%, oklch(79.21% 0.0997 81.86) 48.5%, oklch(82.30% 0.0770 102.19) 51.5%, oklch(84.64% 0.0599 122.36) 54.5%, oklch(85.94% 0.0537 139.97) 57.6%, oklch(86.28% 0.0622 155.99) 60.6%, oklch(85.77% 0.0808 171.41) 63.6%, oklch(84.44% 0.1026 185.65) 66.7%, oklch(82.30% 0.1207 198.12) 69.7%, oklch(79.33% 0.1291 208.18) 72.7%, oklch(75.42% 0.1302 215.20) 75.8%, oklch(70.67% 0.1273 220.28) 78.8%, oklch(65.24% 0.1228 224.74) 81.8%, oklch(59.27% 0.1180 229.93) 84.8%, oklch(52.35% 0.1142 236.95) 87.9%, oklch(43.75% 0.1109 245.35) 90.9%, oklch(34.76% 0.1104 253.93) 93.9%, oklch(26.79% 0.1137 261.35) 97.0%, oklch(21.26% 0.1130 266.58) 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
