Xanh dương, hồng, xanh cổ vịt và xanh lá nhạt tông rực rỡ (gradient hình nón)

Bảng màu Xanh dương, hồng, xanh cổ vịt và xanh lá nhạt tông rực rỡ

Gradient hình nón, 32 màu, góc 210°: #224a9a, #cf0387, #9470eb, #00bfbc, #e6ee21. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#224a9a
#3249a2
#4646aa
#5d41b0
#763ab2
#8f31ad
#a726a3
#bd1895
#cf0387
#db007d
#e3007c
#e61186
#e1289a
#d63cb3
#c54ecb
#af60df
#9470eb
#7780ee
#588ee9
#399adf
#1aa3d5
#00accb
#00b5c3
#00bfbc
#00cbb2
#35d4a5
#5add95
#7ce482
#9ce96d
#b9ed56
#d3ee3d
#e6ee21

CSS

background: conic-gradient(from 210deg in oklch, oklch(42.91% 0.1392 262.27) 0.0%, oklch(43.92% 0.1461 268.76) 3.2%, oklch(45.26% 0.1562 278.35) 6.5%, oklch(46.85% 0.1686 290.14) 9.7%, oklch(48.63% 0.1823 303.22) 12.9%, oklch(50.54% 0.1966 316.71) 16.1%, oklch(52.49% 0.2104 329.70) 19.4%, oklch(54.43% 0.2229 341.31) 22.6%, oklch(56.27% 0.2333 350.62) 25.8%, oklch(57.97% 0.2368 356.76) 29.0%, oklch(59.43% 0.2415 358.81) 32.3%, oklch(60.59% 0.2422 356.10) 35.5%, oklch(61.50% 0.2354 349.21) 38.7%, oklch(62.22% 0.2245 338.86) 41.9%, oklch(62.81% 0.2106 325.77) 45.2%, oklch(63.33% 0.1949 310.65) 48.4%, oklch(63.84% 0.1785 294.22) 51.6%, oklch(64.42% 0.1625 277.18) 54.8%, oklch(65.13% 0.1480 260.25) 58.1%, oklch(66.02% 0.1362 244.14) 61.3%, oklch(67.17% 0.1281 229.56) 64.5%, oklch(68.65% 0.1227 217.06) 67.7%, oklch(70.55% 0.1204 204.83) 71.0%, oklch(72.80% 0.1249 192.40) 74.2%, oklch(75.32% 0.1367 179.99) 77.4%, oklch(77.98% 0.1457 167.83) 80.6%, oklch(80.69% 0.1555 156.14) 83.9%, oklch(83.35% 0.1658 145.12) 87.1%, oklch(85.85% 0.1758 135.00) 90.3%, oklch(88.08% 0.1848 125.99) 93.5%, oklch(89.94% 0.1921 118.32) 96.8%, oklch(91.34% 0.1970 112.21) 100.0%);

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

Màu zine

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