Be, vàng, xanh lá và xanh dương tông pastel (gradient xuyên tâm)

Be, vàng, xanh lá và xanh dương tông pastel: bảng màu gồm 32 màu. #fff1a7, #f8d663, #b4d67b, #7bc79f, #80bee1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 5 keyframe OKLCH chỉnh sửa được.

#fff1a7
#feefa2
#feec9a
#ffe891
#ffe486
#ffe07c
#fedc72
#fcd869
#f8d663
#f2d661
#ebd560
#e3d662
#dad666
#d1d76b
#c7d771
#bed777
#b4d67b
#abd480
#a3d285
#9ad089
#92cd8d
#8acb92
#83c898
#7bc79f
#74c6a7
#6ec5b1
#6ac5bc
#6ac4c7
#6dc2d1
#74c1d9
#7abfde
#80bee1

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(95.28% 0.0937 99.14) 0.0%, oklch(94.73% 0.0977 98.36) 3.2%, oklch(93.98% 0.1034 97.04) 6.5%, oklch(93.10% 0.1102 95.45) 9.7%, oklch(92.12% 0.1175 93.87) 12.9%, oklch(91.11% 0.1246 92.58) 16.1%, oklch(90.12% 0.1309 91.85) 19.4%, oklch(89.20% 0.1356 91.98) 22.6%, oklch(88.39% 0.1382 93.23) 25.8%, oklch(87.69% 0.1390 95.56) 29.0%, oklch(87.03% 0.1385 98.77) 32.3%, oklch(86.41% 0.1369 102.66) 35.5%, oklch(85.79% 0.1345 107.04) 38.7%, oklch(85.18% 0.1316 111.71) 41.9%, oklch(84.53% 0.1285 116.49) 45.2%, oklch(83.84% 0.1254 121.19) 48.4%, oklch(83.06% 0.1225 125.62) 51.6%, oklch(82.16% 0.1191 129.82) 54.8%, oklch(81.17% 0.1153 133.94) 58.1%, oklch(80.15% 0.1111 138.17) 61.3%, oklch(79.16% 0.1069 142.69) 64.5%, oklch(78.24% 0.1028 147.67) 67.7%, oklch(77.47% 0.0991 153.29) 71.0%, oklch(76.88% 0.0958 159.73) 74.2%, oklch(76.53% 0.0931 167.48) 77.4%, oklch(76.39% 0.0907 177.03) 80.6%, oklch(76.40% 0.0885 187.75) 83.9%, oklch(76.53% 0.0866 198.93) 87.1%, oklch(76.72% 0.0849 209.88) 90.3%, oklch(76.92% 0.0835 219.91) 93.5%, oklch(77.08% 0.0823 228.31) 96.8%, oklch(77.17% 0.0813 234.40) 100.0%);

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

Gradient mùa xuân

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