Cầu vồng từ đỏ sang xanh dương (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #d6433f, #f48f32, #a8bc41, #40b499, #704eb4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d6433f
#d9493f
#dc503f
#e0593f
#e4623e
#e86c3d
#ec763a
#f08136
#f48f32
#f79f31
#f8ae33
#f5bc39
#edc640
#e1ca45
#d1c845
#bec343
#a8bc41
#93b543
#7db04a
#6aae56
#5aaf67
#4eb178
#46b389
#40b499
#39b3a6
#2daeb1
#1da4bc
#2295c5
#3c83c9
#546ec7
#655cbe
#704eb4

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(59.45% 0.1846 26.02) 0.0%, oklch(60.48% 0.1822 27.80) 3.2%, oklch(61.85% 0.1788 30.00) 6.5%, oklch(63.50% 0.1748 32.71) 9.7%, oklch(65.35% 0.1706 36.05) 12.9%, oklch(67.30% 0.1666 40.11) 16.1%, oklch(69.29% 0.1632 45.01) 19.4%, oklch(71.53% 0.1605 51.02) 22.6%, oklch(74.38% 0.1582 58.34) 25.8%, oklch(77.45% 0.1561 66.52) 29.0%, oklch(80.31% 0.1543 75.12) 32.3%, oklch(82.55% 0.1525 83.67) 35.5%, oklch(83.76% 0.1509 91.72) 38.7%, oklch(83.50% 0.1494 98.91) 41.9%, oklch(81.70% 0.1485 105.42) 45.2%, oklch(78.88% 0.1478 111.59) 48.4%, oklch(75.60% 0.1471 117.74) 51.6%, oklch(72.42% 0.1459 124.19) 54.8%, oklch(69.88% 0.1438 131.25) 58.1%, oklch(68.51% 0.1402 139.15) 61.3%, oklch(68.23% 0.1340 147.25) 64.5%, oklch(68.62% 0.1261 155.63) 67.7%, oklch(69.26% 0.1180 164.57) 71.0%, oklch(69.75% 0.1111 174.36) 74.2%, oklch(69.66% 0.1067 185.31) 77.4%, oklch(68.58% 0.1064 197.76) 80.6%, oklch(66.32% 0.1111 213.45) 83.9%, oklch(63.20% 0.1194 231.75) 87.1%, oklch(59.68% 0.1297 250.89) 90.3%, oklch(56.21% 0.1404 269.08) 93.5%, oklch(53.23% 0.1496 284.54) 96.8%, oklch(51.18% 0.1557 295.49) 100.0%);

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

Áp phích nhạc chảo thép Gradient cầu vồng Thảm hoa Kerala

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