Đen, xanh cổ vịt, xanh lá và cam (gradient xuyên tâm)

Bảng màu Đen, xanh cổ vịt, xanh lá và cam

Gradient xuyên tâm, 32 màu: #0b2023, #0e7267, #54c572, #cfc300, #f15a2f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

4 keyframe OKLCH chỉnh sửa được.

#0b2023
#0c2629
#0d2d30
#0e3638
#0e4142
#0e4c4c
#0e5956
#0d655f
#0e7267
#107e6e
#158972
#1b9375
#229e78
#2ca879
#37b279
#45bc77
#54c572
#64cc6b
#76d161
#89d552
#9cd63d
#aed318
#c1cc00
#cfc300
#d9b700
#e1aa00
#e69c00
#ea8e00
#ee7e00
#f26e00
#f3611b
#f15a2f

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0276 207.42) 0.0%, oklch(24.87% 0.0319 205.55) 3.2%, oklch(27.53% 0.0375 203.24) 6.5%, oklch(30.69% 0.0441 200.55) 9.7%, oklch(34.23% 0.0514 197.52) 12.9%, oklch(38.03% 0.0594 194.20) 16.1%, oklch(41.96% 0.0678 190.63) 19.4%, oklch(45.90% 0.0765 186.88) 22.6%, oklch(49.72% 0.0852 182.98) 25.8%, oklch(53.30% 0.0938 178.99) 29.0%, oklch(56.51% 0.1021 174.95) 32.3%, oklch(59.39% 0.1102 170.92) 35.5%, oklch(62.34% 0.1189 166.91) 38.7%, oklch(65.31% 0.1282 162.85) 41.9%, oklch(68.24% 0.1377 158.70) 45.2%, oklch(71.05% 0.1473 154.38) 48.4%, oklch(73.67% 0.1566 149.84) 51.6%, oklch(76.02% 0.1655 145.02) 54.8%, oklch(78.02% 0.1737 139.85) 58.1%, oklch(79.60% 0.1809 134.28) 61.3%, oklch(80.69% 0.1869 128.25) 64.5%, oklch(81.20% 0.1915 121.64) 67.7%, oklch(80.95% 0.1817 113.85) 71.0%, oklch(80.04% 0.1698 104.97) 74.2%, oklch(78.61% 0.1615 95.36) 77.4%, oklch(76.79% 0.1573 85.36) 80.6%, oklch(74.75% 0.1575 75.30) 83.9%, oklch(72.62% 0.1622 65.54) 87.1%, oklch(70.55% 0.1719 56.40) 90.3%, oklch(68.68% 0.1863 48.24) 93.5%, oklch(67.16% 0.1944 41.41) 96.8%, oklch(66.14% 0.1943 36.23) 100.0%);

Trong các bộ sưu tập này

Gradient cyberpunk

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động