Xanh dương, xanh lá, cam và nâu tông rực rỡ (gradient xuyên tâm)

Bảng màu Xanh dương, xanh lá, cam và nâu tông rực rỡ

Gradient xuyên tâm, 32 màu: #2977b2, #b19917, #eaa145, #c69737, #854819. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2977b2
#007faf
#0087a2
#008f96
#009886
#2ea06b
#67a14c
#909e2e
#b19917
#c9941c
#d9912e
#e2903b
#e89144
#ec9448
#ed9848
#ec9d47
#eaa145
#e6a643
#e1a942
#dbab41
#d6aa40
#d2a63f
#cda03b
#c69737
#bf8c31
#b6812c
#ad7527
#a46923
#9a5e1f
#92551d
#8b4e1a
#854819

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(55.12% 0.1185 245.39) 0.0%, oklch(56.12% 0.1180 234.34) 3.2%, oklch(57.48% 0.1040 219.09) 6.5%, oklch(59.10% 0.1005 200.69) 9.7%, oklch(60.92% 0.1104 180.16) 12.9%, oklch(62.84% 0.1290 158.55) 16.1%, oklch(64.79% 0.1316 136.84) 19.4%, oklch(66.70% 0.1340 116.08) 22.6%, oklch(68.47% 0.1361 97.28) 25.8%, oklch(70.04% 0.1378 81.47) 29.0%, oklch(71.31% 0.1390 69.67) 32.3%, oklch(72.31% 0.1394 62.55) 35.5%, oklch(73.31% 0.1395 59.21) 38.7%, oklch(74.28% 0.1393 58.93) 41.9%, oklch(75.17% 0.1387 61.02) 45.2%, oklch(75.92% 0.1379 64.81) 48.4%, oklch(76.49% 0.1368 69.62) 51.6%, oklch(76.82% 0.1355 74.79) 54.8%, oklch(76.87% 0.1340 79.63) 58.1%, oklch(76.58% 0.1324 83.47) 61.3%, oklch(75.89% 0.1307 85.64) 64.5%, oklch(74.75% 0.1289 85.55) 67.7%, oklch(72.89% 0.1266 83.98) 71.0%, oklch(70.39% 0.1240 81.47) 74.2%, oklch(67.41% 0.1210 78.23) 77.4%, oklch(64.12% 0.1178 74.49) 80.6%, oklch(60.67% 0.1146 70.48) 83.9%, oklch(57.23% 0.1115 66.41) 87.1%, oklch(53.96% 0.1085 62.52) 90.3%, oklch(51.03% 0.1058 59.03) 93.5%, oklch(48.61% 0.1036 56.15) 96.8%, oklch(46.85% 0.1020 54.12) 100.0%);

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

Oktoberfest

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