Cầu vồng từ xanh hải quân sang hồng (gradient tuyến tính)

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

Gradient tuyến tính, 32 màu, góc 135°: #121a37, #1e62ca, #20c9ce, #92db4f, #f04a91. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#121a37
#151f42
#192552
#1e2c66
#23357b
#273e92
#2a49a8
#2855bc
#1e62ca
#0171d4
#0081d3
#0090d4
#009ed5
#00abd5
#00b7d5
#16c1d2
#20c9ce
#21d1c9
#1fd8c2
#25deb7
#36e2a8
#50e392
#70e176
#92db4f
#b5d000
#d2bd00
#e6a800
#f78f00
#ff763a
#ff605e
#fa4f7b
#f04a91

CSS

background: linear-gradient(135deg in oklch, oklch(22.83% 0.0579 270.00) 0.0%, oklch(25.10% 0.0685 269.59) 3.2%, oklch(28.15% 0.0839 269.42) 6.5%, oklch(31.79% 0.1024 269.24) 9.7%, oklch(35.80% 0.1221 268.80) 12.9%, oklch(40.00% 0.1411 267.84) 16.1%, oklch(44.16% 0.1576 266.11) 19.4%, oklch(48.10% 0.1698 263.37) 22.6%, oklch(51.64% 0.1758 259.36) 25.8%, oklch(55.12% 0.1751 254.03) 29.0%, oklch(58.68% 0.1566 247.63) 32.3%, oklch(62.20% 0.1433 240.32) 35.5%, oklch(65.60% 0.1344 232.35) 38.7%, oklch(68.79% 0.1291 223.93) 41.9%, oklch(71.67% 0.1268 215.29) 45.2%, oklch(74.14% 0.1244 206.63) 48.4%, oklch(76.16% 0.1250 198.19) 51.6%, oklch(77.88% 0.1299 190.06) 54.8%, oklch(79.33% 0.1379 181.99) 58.1%, oklch(80.48% 0.1479 173.69) 61.3%, oklch(81.31% 0.1588 164.89) 64.5%, oklch(81.79% 0.1697 155.31) 67.7%, oklch(81.91% 0.1796 144.67) 71.0%, oklch(81.63% 0.1873 132.69) 74.2%, oklch(80.80% 0.1890 118.51) 77.4%, oklch(79.19% 0.1653 101.21) 80.6%, oklch(77.02% 0.1587 81.92) 83.9%, oklch(74.53% 0.1717 61.86) 87.1%, oklch(71.96% 0.1825 42.28) 90.3%, oklch(69.55% 0.1948 24.36) 93.5%, oklch(67.53% 0.2081 9.33) 96.8%, oklch(66.14% 0.2094 358.41) 100.0%);

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

Sticker dán tủ đồ

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