Xanh dương nhạt, cam, xanh cổ vịt và xanh lá (gradient xuyên tâm)

Bảng màu Xanh dương nhạt, cam, xanh cổ vịt và xanh lá

Gradient xuyên tâm, 32 màu: #eafbef, #5be060, #ed4229, #04bec2, #f5d51b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#eafbef
#defae6
#ccf9db
#b4f8ce
#99f6c0
#7af3b1
#5cef9e
#4ce984
#5be060
#88d000
#b3b700
#ca9f00
#d98700
#e96a00
#f74416
#f23d37
#ed4229
#db5f00
#bf7c00
#a39200
#71a936
#2db67e
#00bbaa
#04bec2
#1ec3ca
#22cbc8
#33d4bb
#5adca2
#8adf81
#b8de5b
#ded936
#f5d51b

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(97.24% 0.0248 154.69) 0.0%, oklch(95.97% 0.0402 154.81) 3.2%, oklch(94.27% 0.0621 155.82) 6.5%, oklch(92.26% 0.0883 157.08) 9.7%, oklch(90.02% 0.1165 157.92) 12.9%, oklch(87.63% 0.1445 157.69) 16.1%, oklch(85.20% 0.1701 155.75) 19.4%, oklch(82.81% 0.1911 151.43) 22.6%, oklch(80.53% 0.2055 143.93) 25.8%, oklch(77.98% 0.2106 130.22) 29.0%, oklch(75.14% 0.1654 111.25) 32.3%, oklch(72.20% 0.1475 89.58) 35.5%, oklch(69.36% 0.1524 67.80) 38.7%, oklch(66.81% 0.1806 48.48) 41.9%, oklch(64.74% 0.2216 34.22) 45.2%, oklch(63.36% 0.2174 27.55) 48.4%, oklch(62.84% 0.2117 31.28) 51.6%, oklch(63.13% 0.1750 46.88) 54.8%, oklch(64.06% 0.1377 71.26) 58.1%, oklch(65.47% 0.1365 100.77) 61.3%, oklch(67.21% 0.1564 131.77) 64.5%, oklch(69.12% 0.1419 160.64) 67.7%, oklch(71.05% 0.1260 183.76) 71.0%, oklch(72.82% 0.1235 197.52) 74.2%, oklch(74.50% 0.1223 199.59) 77.4%, oklch(76.44% 0.1259 192.61) 80.6%, oklch(78.54% 0.1331 179.09) 83.9%, oklch(80.69% 0.1425 161.43) 87.1%, oklch(82.76% 0.1528 142.04) 90.3%, oklch(84.65% 0.1627 123.33) 93.5%, oklch(86.24% 0.1710 107.72) 96.8%, oklch(87.40% 0.1764 97.62) 100.0%);

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

Gradient nhiều màu rực rỡ

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