Xanh cổ vịt sang xanh lá (tương đồng) tông rực rỡ (gradient xuyên tâm)

Xanh cổ vịt sang xanh lá (tương đồng) tông rực rỡ: bảng màu gồm 32 màu. #008c87, #009371, #009040. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#008c87
#008d86
#008d86
#008d85
#008e84
#008e83
#008f82
#009081
#00907f
#00917e
#00917c
#00927b
#009279
#009377
#009375
#009373
#009371
#00936f
#00936c
#00936a
#009367
#009363
#009260
#00925d
#009259
#009155
#009151
#00914d
#00914a
#009046
#009043
#009040

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(57.88% 0.1000 189.84) 0.0%, oklch(57.93% 0.1003 189.11) 3.2%, oklch(57.99% 0.1008 188.23) 6.5%, oklch(58.08% 0.1013 187.22) 9.7%, oklch(58.18% 0.1020 186.09) 12.9%, oklch(58.28% 0.1028 184.85) 16.1%, oklch(58.39% 0.1037 183.53) 19.4%, oklch(58.51% 0.1047 182.14) 22.6%, oklch(58.62% 0.1059 180.69) 25.8%, oklch(58.72% 0.1071 179.20) 29.0%, oklch(58.82% 0.1085 177.70) 32.3%, oklch(58.91% 0.1100 176.19) 35.5%, oklch(58.98% 0.1115 174.69) 38.7%, oklch(59.03% 0.1131 173.22) 41.9%, oklch(59.06% 0.1148 171.79) 45.2%, oklch(59.07% 0.1164 170.41) 48.4%, oklch(59.04% 0.1181 169.10) 51.6%, oklch(58.98% 0.1198 167.73) 54.8%, oklch(58.90% 0.1218 166.30) 58.1%, oklch(58.79% 0.1239 164.83) 61.3%, oklch(58.66% 0.1262 163.33) 64.5%, oklch(58.51% 0.1287 161.82) 67.7%, oklch(58.35% 0.1314 160.31) 71.0%, oklch(58.19% 0.1342 158.83) 74.2%, oklch(58.02% 0.1372 157.38) 77.4%, oklch(57.85% 0.1403 155.99) 80.6%, oklch(57.69% 0.1436 154.67) 83.9%, oklch(57.54% 0.1468 153.43) 87.1%, oklch(57.39% 0.1500 152.30) 90.3%, oklch(57.27% 0.1531 151.28) 93.5%, oklch(57.17% 0.1559 150.40) 96.8%, oklch(57.09% 0.1585 149.68) 100.0%);

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

Gradient cho hero section

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