Cầu vồng từ tím đậm sang xanh hải quân (gradient xuyên tâm)

Bảng màu Cầu vồng từ tím đậm sang xanh hải quân

Gradient xuyên tâm, 32 màu: #160d1a, #791f3e, #ec7f38, #62ae81, #133b56. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#160d1a
#1b0f1f
#241025
#2e122c
#3b1332
#491536
#58173a
#681b3c
#791f3e
#8b253e
#9e2d3d
#af373a
#bf4234
#cc4f2e
#d85e2e
#e36f33
#ec7f38
#f18e3c
#ee9b3c
#e3a63a
#ccaf40
#abb454
#85b46c
#62ae81
#49a48e
#3b9893
#32888f
#2a7685
#226478
#1b536b
#15455f
#133b56

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(17.72% 0.0289 315.00) 0.0%, oklch(19.23% 0.0370 318.97) 3.2%, oklch(21.24% 0.0484 324.42) 6.5%, oklch(23.66% 0.0617 330.89) 9.7%, oklch(26.39% 0.0760 337.92) 12.9%, oklch(29.35% 0.0900 345.04) 16.1%, oklch(32.44% 0.1025 351.78) 19.4%, oklch(35.74% 0.1138 358.03) 22.6%, oklch(39.44% 0.1256 4.29) 25.8%, oklch(43.40% 0.1372 10.57) 29.0%, oklch(47.46% 0.1477 16.88) 32.3%, oklch(51.46% 0.1564 23.22) 35.5%, oklch(55.26% 0.1625 29.59) 38.7%, oklch(58.89% 0.1652 35.67) 41.9%, oklch(62.87% 0.1648 40.58) 45.2%, oklch(66.91% 0.1621 45.08) 48.4%, oklch(70.66% 0.1576 50.10) 51.6%, oklch(73.74% 0.1519 56.58) 54.8%, oklch(75.80% 0.1457 65.45) 58.1%, oklch(76.48% 0.1393 77.73) 61.3%, oklch(75.90% 0.1313 94.44) 64.5%, oklch(74.32% 0.1220 114.25) 67.7%, oklch(71.96% 0.1122 135.43) 71.0%, oklch(69.02% 0.1025 156.28) 74.2%, oklch(65.73% 0.0939 175.08) 77.4%, oklch(62.28% 0.0870 190.18) 80.6%, oklch(57.90% 0.0814 202.59) 83.9%, oklch(52.63% 0.0767 213.32) 87.1%, oklch(47.03% 0.0728 222.48) 90.3%, oklch(41.65% 0.0695 230.14) 93.5%, oklch(37.08% 0.0669 236.41) 96.8%, oklch(33.86% 0.0648 241.38) 100.0%);

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

Gradient nhiều màu

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