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

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

Gradient tuyến tính, 32 màu, góc 135°: #21104a, #4c1984, #9c25a8, #eb3e8c, #ff8e59. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#21104a
#24114f
#271254
#2c135b
#311563
#37166b
#3d1773
#44187c
#4c1984
#541a8c
#5c1c92
#651d97
#6f1f9c
#7920a1
#8422a4
#9024a7
#9c25a8
#a827a8
#b429a7
#c02ca5
#cb2fa1
#d6339c
#e03895
#eb3e8c
#f44681
#fb5076
#ff5c6c
#ff6b65
#ff7760
#ff815d
#ff885b
#ff8e59

CSS

background: linear-gradient(135deg in oklch, oklch(24.02% 0.1006 289.69) 0.0%, oklch(24.93% 0.1053 290.43) 3.2%, oklch(26.07% 0.1116 291.24) 6.5%, oklch(27.42% 0.1191 292.14) 9.7%, oklch(28.93% 0.1276 293.17) 12.9%, oklch(30.57% 0.1365 294.36) 16.1%, oklch(32.31% 0.1457 295.73) 19.4%, oklch(34.12% 0.1549 297.31) 22.6%, oklch(35.95% 0.1636 299.13) 25.8%, oklch(37.78% 0.1716 301.22) 29.0%, oklch(39.58% 0.1785 303.61) 32.3%, oklch(41.33% 0.1844 306.32) 35.5%, oklch(43.17% 0.1901 309.30) 38.7%, oklch(45.07% 0.1956 312.55) 41.9%, oklch(47.02% 0.2009 316.04) 45.2%, oklch(49.01% 0.2057 319.77) 48.4%, oklch(50.99% 0.2101 323.72) 51.6%, oklch(52.98% 0.2138 327.88) 54.8%, oklch(54.93% 0.2168 332.22) 58.1%, oklch(56.83% 0.2190 336.75) 61.3%, oklch(58.67% 0.2202 341.43) 64.5%, oklch(60.42% 0.2204 346.31) 67.7%, oklch(62.22% 0.2189 351.86) 71.0%, oklch(64.05% 0.2161 358.07) 74.2%, oklch(65.88% 0.2121 4.71) 77.4%, oklch(67.69% 0.2073 11.55) 80.6%, oklch(69.43% 0.1971 18.40) 83.9%, oklch(71.07% 0.1819 25.01) 87.1%, oklch(72.58% 0.1705 31.19) 90.3%, oklch(73.93% 0.1623 36.70) 93.5%, oklch(75.07% 0.1564 41.34) 96.8%, oklch(75.98% 0.1524 44.88) 100.0%);

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

Gradient cam và tím

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