Đỏ, cam, vàng và xanh cổ vịt tông rực rỡ (gradient xuyên tâm)

Bảng màu Đỏ, cam, vàng và xanh cổ vịt tông rực rỡ

Gradient xuyên tâm, 32 màu: #d94354, #f09133, #ffc84c, #aed66b, #39829b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d94354
#dc4951
#e0504c
#e45a46
#e86440
#eb6f3a
#ed7b36
#ef8633
#f09133
#f09b35
#f0a437
#f1ab3a
#f3b13e
#f6b740
#fabd43
#fec344
#ffc84c
#ffcd52
#ffd04b
#fbd447
#f1d74a
#e2d851
#cbd85d
#aed66b
#8dd07b
#6bc78a
#4dbc96
#36af9d
#2ca1a1
#2e94a0
#348a9e
#39829b

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(60.24% 0.1860 18.28) 0.0%, oklch(61.29% 0.1836 21.47) 3.2%, oklch(62.68% 0.1803 25.67) 6.5%, oklch(64.34% 0.1763 30.68) 9.7%, oklch(66.20% 0.1718 36.29) 12.9%, oklch(68.19% 0.1671 42.29) 16.1%, oklch(70.23% 0.1624 48.47) 19.4%, oklch(72.25% 0.1579 54.61) 22.6%, oklch(74.19% 0.1538 60.52) 25.8%, oklch(75.96% 0.1505 65.97) 29.0%, oklch(77.50% 0.1480 70.76) 32.3%, oklch(78.86% 0.1468 74.63) 35.5%, oklch(80.33% 0.1468 77.46) 38.7%, oklch(81.87% 0.1480 79.52) 41.9%, oklch(83.39% 0.1498 81.12) 45.2%, oklch(84.81% 0.1519 82.57) 48.4%, oklch(86.05% 0.1497 84.19) 51.6%, oklch(87.02% 0.1476 86.26) 54.8%, oklch(87.65% 0.1542 89.11) 58.1%, oklch(87.85% 0.1573 93.04) 61.3%, oklch(87.54% 0.1561 98.35) 64.5%, oklch(86.62% 0.1531 105.41) 67.7%, oklch(84.84% 0.1483 114.84) 71.0%, oklch(82.30% 0.1418 126.32) 74.2%, oklch(79.19% 0.1341 139.28) 77.4%, oklch(75.69% 0.1256 153.14) 80.6%, oklch(71.99% 0.1168 167.34) 83.9%, oklch(68.28% 0.1079 181.29) 87.1%, oklch(64.75% 0.0996 194.44) 90.3%, oklch(61.58% 0.0920 206.20) 93.5%, oklch(58.97% 0.0858 216.01) 96.8%, oklch(57.09% 0.0813 223.29) 100.0%);

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

Tuổi thơ hoài niệm

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