Tím, hồng và xanh dương tông rực rỡ liền mạch (gradient hình nón)

Bảng màu Tím, hồng và xanh dương tông rực rỡ liền mạch

Gradient hình nón, 32 màu, góc 315°: #3a0f6f, #e82eb0, #d37ce9, #4ac2e9, #331871. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3a0f6f
#45127b
#56168c
#6b199e
#821dad
#9921b6
#b424b8
#d027b5
#e82eb0
#f738b0
#fd46b5
#fd54be
#f961c9
#f36bd4
#eb73dd
#e078e3
#d37ce9
#c483f0
#b28efa
#9ca4ff
#87baff
#6fcaff
#62cef3
#4ac2e9
#1caae2
#008bd9
#1e6acf
#2e51be
#353da9
#372d93
#35217f
#331871

CSS

background: conic-gradient(from 315deg in oklch, oklch(30.71% 0.1474 296.72) 0.0%, oklch(33.58% 0.1594 299.27) 3.2%, oklch(37.68% 0.1767 302.78) 6.5%, oklch(42.37% 0.1956 307.16) 9.7%, oklch(47.01% 0.2123 312.29) 12.9%, oklch(51.21% 0.2240 318.51) 16.1%, oklch(55.60% 0.2341 327.02) 19.4%, oklch(59.93% 0.2420 336.09) 22.6%, oklch(63.83% 0.2464 343.67) 25.8%, oklch(66.91% 0.2463 347.75) 29.0%, oklch(69.15% 0.2398 348.14) 32.3%, oklch(70.75% 0.2285 346.02) 35.5%, oklch(71.87% 0.2152 342.14) 38.7%, oklch(72.65% 0.2028 337.28) 41.9%, oklch(73.02% 0.1931 332.12) 45.2%, oklch(72.65% 0.1842 326.43) 48.4%, oklch(72.05% 0.1756 319.42) 51.6%, oklch(71.76% 0.1667 310.28) 54.8%, oklch(72.38% 0.1567 297.94) 58.1%, oklch(74.83% 0.1312 278.74) 61.3%, oklch(78.02% 0.1130 256.14) 64.5%, oklch(80.36% 0.1152 235.83) 67.7%, oklch(80.23% 0.1115 223.52) 71.0%, oklch(76.34% 0.1186 223.21) 74.2%, oklch(69.48% 0.1359 231.85) 77.4%, oklch(61.34% 0.1539 244.83) 80.6%, oklch(53.60% 0.1721 257.53) 83.9%, oklch(47.66% 0.1767 266.11) 87.1%, oklch(42.42% 0.1710 273.37) 90.3%, oklch(37.74% 0.1599 279.95) 93.5%, oklch(33.87% 0.1482 285.41) 96.8%, oklch(31.10% 0.1406 289.32) 100.0%);

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

Bảng màu vaporwave

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