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

Cầu vồng từ hồng sang nâu vàng: bảng màu gồm 32 màu. #c45d64, #792f0b, #214860, #a5414f, #d7c45a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 6 keyframe OKLCH chỉnh sửa được.

#c45d64
#bb5661
#ad4b5d
#9d3f59
#8e3351
#812947
#7a243a
#792528
#792f0b
#704200
#655200
#526016
#36693a
#146951
#00615f
#0e5563
#214860
#2d3e5a
#353755
#413555
#533659
#6c385c
#893b5a
#a5414f
#bc4b3c
#cb5a21
#d26f00
#d58400
#d8980f
#d8aa32
#d8b94a
#d7c45a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(60.63% 0.1323 17.58) 0.0%, oklch(58.14% 0.1312 15.28) 3.2%, oklch(54.44% 0.1298 10.71) 6.5%, oklch(50.17% 0.1281 5.85) 9.7%, oklch(45.92% 0.1260 2.66) 12.9%, oklch(42.33% 0.1235 3.12) 16.1%, oklch(40.02% 0.1205 9.18) 19.4%, oklch(39.48% 0.1170 22.48) 22.6%, oklch(40.45% 0.1129 42.15) 25.8%, oklch(42.32% 0.0941 66.17) 29.0%, oklch(44.48% 0.0911 92.78) 32.3%, oklch(46.33% 0.0984 119.90) 35.5%, oklch(47.26% 0.0931 145.54) 38.7%, oklch(46.69% 0.0871 168.69) 41.9%, oklch(44.59% 0.0766 191.81) 45.2%, oklch(41.65% 0.0688 214.95) 48.4%, oklch(38.57% 0.0598 237.77) 51.6%, oklch(36.07% 0.0536 259.97) 54.8%, oklch(34.86% 0.0518 281.23) 58.1%, oklch(35.59% 0.0567 301.31) 61.3%, oklch(38.12% 0.0702 320.78) 64.5%, oklch(41.93% 0.0896 339.62) 67.7%, oklch(46.54% 0.1115 357.59) 71.0%, oklch(51.44% 0.1326 14.43) 74.2%, oklch(56.15% 0.1492 29.92) 77.4%, oklch(60.21% 0.1581 43.83) 80.6%, oklch(64.20% 0.1564 56.41) 83.9%, oklch(68.34% 0.1502 67.81) 87.1%, oklch(72.39% 0.1483 77.92) 90.3%, oklch(76.10% 0.1400 86.60) 93.5%, oklch(79.22% 0.1326 93.76) 96.8%, oklch(81.50% 0.1281 99.30) 100.0%);

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

Tiệc lá chuối

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