Cầu vồng từ tím sang xanh cổ vịt (gradient tuyến tính)

Bảng màu Cầu vồng từ tím sang xanh cổ vịt

Gradient tuyến tính, 32 màu, góc 135°: #31205b, #703ecf, #e43fb5, #d48900, #13a8b6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#31205b
#352263
#3b256e
#41297c
#492d8c
#51319e
#5a36af
#643ac0
#703ecf
#7c40db
#8a41e3
#9942e5
#a941e3
#b941dd
#c840d4
#d73fc6
#e43fb5
#f041a0
#f84489
#fe4a6f
#ff5551
#fd6027
#eb7600
#d48900
#be9600
#a3a100
#7cab34
#51b063
#21b183
#00ae9b
#00abab
#13a8b6

CSS

background: linear-gradient(135deg in oklch, oklch(29.92% 0.1020 292.50) 0.0%, oklch(31.49% 0.1100 292.63) 3.2%, oklch(33.58% 0.1212 292.33) 6.5%, oklch(36.07% 0.1348 291.81) 9.7%, oklch(38.87% 0.1498 291.28) 12.9%, oklch(41.84% 0.1657 290.94) 16.1%, oklch(44.89% 0.1816 291.00) 19.4%, oklch(47.91% 0.1967 291.67) 22.6%, oklch(50.78% 0.2102 293.16) 25.8%, oklch(53.40% 0.2215 295.66) 29.0%, oklch(55.65% 0.2296 299.40) 32.3%, oklch(57.51% 0.2343 304.41) 35.5%, oklch(59.22% 0.2368 310.30) 38.7%, oklch(60.80% 0.2375 317.02) 41.9%, oklch(62.24% 0.2364 324.53) 45.2%, oklch(63.54% 0.2340 332.84) 48.4%, oklch(64.72% 0.2304 341.91) 51.6%, oklch(65.77% 0.2259 351.74) 54.8%, oklch(66.68% 0.2207 2.31) 58.1%, oklch(67.47% 0.2151 13.59) 61.3%, oklch(68.13% 0.2071 25.58) 64.5%, oklch(68.66% 0.2033 38.38) 67.7%, oklch(68.96% 0.1741 53.43) 71.0%, oklch(69.05% 0.1490 70.68) 74.2%, oklch(68.96% 0.1409 89.41) 77.4%, oklch(68.74% 0.1491 108.95) 80.6%, oklch(68.42% 0.1550 128.61) 83.9%, oklch(68.06% 0.1442 147.73) 87.1%, oklch(67.68% 0.1340 165.62) 90.3%, oklch(67.34% 0.1209 181.60) 93.5%, oklch(67.08% 0.1145 195.00) 96.8%, oklch(66.93% 0.1116 205.14) 100.0%);

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

Glitchy glam

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