Xanh hải quân, tím, hồng và cam tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh hải quân, tím, hồng và cam tông rực rỡ

Gradient tuyến tính, 32 màu, góc 90°: #1f145d, #5c36ab, #d83e96, #ff655c, #ffc54e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1f145d
#231663
#281a6c
#2d1f76
#342481
#3c2a8d
#452e99
#5033a3
#5c36ab
#6a37b0
#7a39b4
#8c39b4
#9e39b2
#af39ad
#bf3aa6
#cd3b9e
#d83e96
#e1418e
#e84586
#ee4a7e
#f34f76
#f7556d
#fb5c65
#ff655c
#ff7256
#ff8152
#ff8f50
#ff9d4f
#ffaa50
#ffb550
#ffbe50
#ffc54e

CSS

background: linear-gradient(90deg in oklch, oklch(26.38% 0.1226 281.25) 0.0%, oklch(27.81% 0.1270 281.77) 3.2%, oklch(29.72% 0.1329 282.13) 6.5%, oklch(32.00% 0.1400 282.53) 9.7%, oklch(34.53% 0.1478 283.21) 12.9%, oklch(37.18% 0.1558 284.36) 16.1%, oklch(39.82% 0.1635 286.22) 19.4%, oklch(42.35% 0.1705 289.00) 22.6%, oklch(44.65% 0.1764 292.93) 25.8%, oklch(46.90% 0.1818 298.31) 29.0%, oklch(49.18% 0.1872 304.94) 32.3%, oklch(51.45% 0.1923 312.43) 35.5%, oklch(53.68% 0.1969 320.40) 38.7%, oklch(55.83% 0.2009 328.49) 41.9%, oklch(57.87% 0.2040 336.33) 45.2%, oklch(59.75% 0.2061 343.52) 48.4%, oklch(61.44% 0.2070 349.79) 51.6%, oklch(62.88% 0.2067 355.42) 54.8%, oklch(64.12% 0.2053 0.63) 58.1%, oklch(65.24% 0.2031 5.60) 61.3%, oklch(66.32% 0.2003 10.50) 64.5%, oklch(67.44% 0.1970 15.50) 67.7%, oklch(68.67% 0.1934 20.77) 71.0%, oklch(70.08% 0.1897 26.47) 74.2%, oklch(71.78% 0.1777 32.93) 77.4%, oklch(73.80% 0.1658 40.36) 80.6%, oklch(76.01% 0.1559 48.36) 83.9%, oklch(78.28% 0.1486 56.50) 87.1%, oklch(80.49% 0.1443 64.35) 90.3%, oklch(82.51% 0.1430 71.49) 93.5%, oklch(84.20% 0.1443 77.47) 96.8%, oklch(85.43% 0.1471 81.88) 100.0%);

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

Gradient tươi sáng Gradient mùa hè

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