Xám, xanh lá đậm, hồng và cam (gradient xuyên tâm)

Gradient xuyên tâm, 40 màu: #d6e3d4, #1d5e38, #855900, #e58c85, #f0ae3e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d6e3d4
#ccdbca
#bed0bc
#adc3ad
#9ab59b
#85a589
#6f9677
#5a8666
#457856
#306a46
#1d5e38
#09552c
#004e20
#004915
#114807
#264700
#384900
#494c00
#5b5000
#6e5500
#855900
#975f22
#a7663b
#b66e50
#c27563
#cb7c72
#d3817c
#d98582
#df8985
#e58c85
#ea8f82
#ef927d
#f29575
#f4996d
#f59c63
#f5a059
#f4a450
#f2a848
#f1ac42
#f0ae3e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(90.16% 0.0248 141.33) 0.0%, oklch(87.50% 0.0286 141.91) 2.6%, oklch(83.87% 0.0337 143.13) 5.1%, oklch(79.46% 0.0398 144.81) 7.7%, oklch(74.46% 0.0466 146.75) 10.3%, oklch(69.08% 0.0540 148.80) 12.8%, oklch(63.50% 0.0618 150.75) 15.4%, oklch(57.93% 0.0696 152.43) 17.9%, oklch(52.55% 0.0774 153.65) 20.5%, oklch(47.56% 0.0847 154.24) 23.1%, oklch(43.16% 0.0915 154.01) 25.6%, oklch(39.54% 0.0975 152.79) 28.2%, oklch(36.91% 0.1008 150.34) 30.8%, oklch(35.43% 0.1061 146.61) 33.3%, oklch(35.18% 0.1085 140.89) 35.9%, oklch(35.96% 0.1016 133.08) 38.5%, oklch(37.60% 0.0928 123.48) 41.0%, oklch(39.98% 0.0889 112.57) 43.6%, oklch(42.92% 0.0895 100.77) 46.2%, oklch(46.29% 0.0946 88.49) 48.7%, oklch(49.92% 0.1048 76.16) 51.3%, oklch(53.68% 0.1040 64.22) 53.8%, oklch(57.39% 0.1026 53.00) 56.4%, oklch(60.93% 0.1015 42.96) 59.0%, oklch(64.12% 0.1009 34.51) 61.5%, oklch(66.83% 0.1010 28.06) 64.1%, oklch(68.90% 0.1020 24.03) 66.7%, oklch(70.49% 0.1038 22.49) 69.2%, oklch(71.90% 0.1064 23.03) 71.8%, oklch(73.13% 0.1095 25.33) 74.4%, oklch(74.20% 0.1131 29.08) 76.9%, oklch(75.13% 0.1169 33.98) 79.5%, oklch(75.94% 0.1210 39.71) 82.1%, oklch(76.64% 0.1251 45.95) 84.6%, oklch(77.25% 0.1292 52.41) 87.2%, oklch(77.79% 0.1332 58.76) 89.7%, oklch(78.27% 0.1368 64.69) 92.3%, oklch(78.71% 0.1400 69.89) 94.9%, oklch(79.12% 0.1427 74.05) 97.4%, oklch(79.53% 0.1447 76.87) 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