Tím, xanh dương, xanh cổ vịt và xanh lá tông rực rỡ (gradient xuyên tâm)

Bảng màu Tím, xanh dương, xanh cổ vịt và xanh lá tông rực rỡ

Gradient xuyên tâm, 32 màu: #b748df, #796ad7, #449fc4, #42c6ae, #6fda93. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b748df
#b24bdf
#ab4ede
#a351dd
#9a55db
#9159da
#895ed9
#8164d8
#796ad7
#7170d5
#6a76d3
#637dd0
#5c83ce
#5589cc
#4e90ca
#4898c7
#449fc4
#42a5c0
#43abbd
#44b1ba
#44b6b7
#42bcb5
#41c1b2
#42c6ae
#45cbaa
#4bcea6
#53d1a2
#5ad49e
#61d69b
#67d898
#6bd995
#6fda93

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(61.42% 0.2301 315.70) 0.0%, oklch(61.06% 0.2249 313.78) 3.2%, oklch(60.52% 0.2177 311.27) 6.5%, oklch(59.90% 0.2092 308.24) 9.7%, oklch(59.32% 0.1999 304.74) 12.9%, oklch(58.86% 0.1903 300.81) 16.1%, oklch(58.66% 0.1809 296.52) 19.4%, oklch(58.74% 0.1716 291.89) 22.6%, oklch(59.00% 0.1614 286.89) 25.8%, oklch(59.42% 0.1509 281.48) 29.0%, oklch(59.98% 0.1405 275.64) 32.3%, oklch(60.66% 0.1309 269.34) 35.5%, oklch(61.46% 0.1227 262.55) 38.7%, oklch(62.39% 0.1161 255.11) 41.9%, oklch(63.53% 0.1103 246.62) 45.2%, oklch(64.82% 0.1053 237.45) 48.4%, oklch(66.20% 0.1015 228.05) 51.6%, oklch(67.59% 0.0989 218.88) 54.8%, oklch(68.93% 0.0977 210.38) 58.1%, oklch(70.17% 0.0983 202.94) 61.3%, oklch(71.40% 0.1015 196.10) 64.5%, oklch(72.63% 0.1065 189.71) 67.7%, oklch(73.83% 0.1127 183.80) 71.0%, oklch(74.97% 0.1190 178.37) 74.2%, oklch(76.02% 0.1247 173.45) 77.4%, oklch(76.95% 0.1289 169.03) 80.6%, oklch(77.79% 0.1321 165.15) 83.9%, oklch(78.56% 0.1348 161.78) 87.1%, oklch(79.25% 0.1371 158.91) 90.3%, oklch(79.84% 0.1391 156.50) 93.5%, oklch(80.33% 0.1407 154.52) 96.8%, oklch(80.71% 0.1419 152.96) 100.0%);

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

Phượng tím đầu mùa

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