Cầu vồng từ hồng đào sang tím (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #ffe4b0, #f26a44, #38be95, #27669e, #793a84. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ffe4b0
#ffdba3
#ffcc91
#ffba81
#ffa572
#fe9066
#fb7e5e
#f67055
#f26a44
#ee6e26
#e17e00
#d09000
#bda100
#a1b230
#7fbd5f
#5cc180
#38be95
#00b6a2
#00a9a7
#009ba8
#008ca6
#007ea4
#1271a2
#27669e
#365d9c
#43559a
#4f4f98
#5a4a95
#644592
#6d418d
#743d89
#793a84

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(92.91% 0.0727 83.68) 0.0%, oklch(90.79% 0.0822 78.51) 3.2%, oklch(87.73% 0.0946 70.28) 6.5%, oklch(84.08% 0.1085 60.39) 9.7%, oklch(80.17% 0.1259 50.29) 12.9%, oklch(76.33% 0.1454 41.41) 16.1%, oklch(72.90% 0.1598 35.20) 19.4%, oklch(70.22% 0.1704 33.09) 22.6%, oklch(68.62% 0.1758 36.50) 25.8%, oklch(68.25% 0.1761 45.83) 29.0%, oklch(68.82% 0.1616 59.85) 32.3%, oklch(69.98% 0.1463 77.24) 35.5%, oklch(71.37% 0.1470 96.63) 38.7%, oklch(72.62% 0.1496 116.68) 41.9%, oklch(73.38% 0.1414 136.04) 45.2%, oklch(73.30% 0.1347 153.35) 48.4%, oklch(72.05% 0.1302 167.70) 51.6%, oklch(69.69% 0.1257 180.92) 54.8%, oklch(66.53% 0.1138 193.46) 58.1%, oklch(62.90% 0.1075 205.41) 61.3%, oklch(59.08% 0.1054 216.87) 64.5%, oklch(55.40% 0.1080 227.92) 67.7%, oklch(52.16% 0.1111 238.62) 71.0%, oklch(49.68% 0.1103 249.10) 74.2%, oklch(48.09% 0.1107 259.57) 77.4%, oklch(47.05% 0.1127 270.25) 80.6%, oklch(46.46% 0.1157 280.84) 83.9%, oklch(46.18% 0.1194 291.02) 87.1%, oklch(46.11% 0.1233 300.48) 90.3%, oklch(46.15% 0.1271 308.92) 93.5%, oklch(46.17% 0.1302 316.01) 96.8%, oklch(46.06% 0.1323 321.44) 100.0%);

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

Màu siêu thực

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