Đen, đỏ, xanh lá và be (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #1d0002, #483b00, #a46500, #9fba42, #feecdb. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1d0002
#220202
#270603
#2e0d03
#351604
#3d1e05
#432704
#473001
#483b00
#434705
#395317
#2c5f28
#226931
#2f7129
#597200
#816e00
#a46500
#cd5000
#e63d38
#f04644
#f45b1a
#dd8300
#c4a000
#9fba42
#84c97a
#87d195
#9ed79e
#bddba3
#d9dead
#ede2bc
#f9e7cd
#feecdb

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(14.61% 0.0588 21.41) 0.0%, oklch(16.25% 0.0591 25.73) 3.2%, oklch(18.57% 0.0585 31.83) 6.5%, oklch(21.31% 0.0580 39.19) 9.7%, oklch(24.30% 0.0581 47.58) 12.9%, oklch(27.32% 0.0594 56.80) 16.1%, oklch(30.17% 0.0625 66.63) 19.4%, oklch(32.83% 0.0676 78.69) 22.6%, oklch(35.51% 0.0729 95.06) 25.8%, oklch(38.19% 0.0822 113.11) 29.0%, oklch(40.88% 0.0913 129.77) 32.3%, oklch(43.56% 0.1015 142.17) 35.5%, oklch(46.20% 0.1125 147.41) 38.7%, oklch(48.80% 0.1252 141.86) 41.9%, oklch(51.36% 0.1266 123.37) 45.2%, oklch(53.88% 0.1111 97.00) 48.4%, oklch(56.40% 0.1234 68.41) 51.6%, oklch(58.92% 0.1737 43.27) 54.8%, oklch(61.46% 0.2063 27.21) 58.1%, oklch(64.02% 0.2073 25.73) 61.3%, oklch(66.61% 0.1995 39.80) 64.5%, oklch(69.21% 0.1564 64.10) 67.7%, oklch(71.82% 0.1470 92.95) 71.0%, oklch(74.44% 0.1475 120.58) 74.2%, oklch(77.05% 0.1287 141.27) 77.4%, oklch(79.66% 0.1128 149.37) 80.6%, oklch(82.50% 0.0975 144.64) 83.9%, oklch(85.52% 0.0815 131.32) 87.1%, oklch(88.51% 0.0657 113.07) 90.3%, oklch(91.26% 0.0513 93.57) 93.5%, oklch(93.59% 0.0392 76.48) 96.8%, oklch(95.28% 0.0303 65.48) 100.0%);

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