Xanh dương, tím, hồng cánh sen và cam tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh dương, tím, hồng cánh sen và cam tông rực rỡ

Gradient tuyến tính, 32 màu, góc 90°: #3555ec, #7f22bf, #c92775, #e85f40, #d9ac2d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3555ec
#3e51ea
#484ae6
#5142e1
#5b39db
#6331d4
#6c2acd
#7525c7
#7f22bf
#8a20b6
#941ead
#9f1ea4
#a81e9a
#b11f91
#b92088
#c2237e
#c92775
#d12c6c
#d73363
#dc3a5a
#e04352
#e34c4b
#e65645
#e85f40
#ea6839
#ea7232
#ea7c28
#e8871f
#e5931a
#e19d1d
#dca625
#d9ac2d

CSS

background: linear-gradient(90deg in oklch, oklch(52.76% 0.2287 267.89) 0.0%, oklch(52.17% 0.2288 270.63) 3.2%, oklch(51.28% 0.2289 274.27) 6.5%, oklch(50.25% 0.2291 278.65) 9.7%, oklch(49.26% 0.2290 283.56) 12.9%, oklch(48.47% 0.2286 288.84) 16.1%, oklch(48.06% 0.2276 294.27) 19.4%, oklch(48.09% 0.2259 299.95) 22.6%, oklch(48.44% 0.2235 306.19) 25.8%, oklch(49.02% 0.2207 312.82) 29.0%, oklch(49.79% 0.2176 319.63) 32.3%, oklch(50.67% 0.2146 326.42) 35.5%, oklch(51.60% 0.2118 333.00) 38.7%, oklch(52.55% 0.2095 339.25) 41.9%, oklch(53.62% 0.2078 345.42) 45.2%, oklch(54.79% 0.2062 351.53) 48.4%, oklch(56.05% 0.2047 357.53) 51.6%, oklch(57.35% 0.2028 3.42) 54.8%, oklch(58.66% 0.2003 9.15) 58.1%, oklch(59.98% 0.1970 14.68) 61.3%, oklch(61.33% 0.1927 19.80) 64.5%, oklch(62.73% 0.1877 24.63) 67.7%, oklch(64.16% 0.1824 29.40) 71.0%, oklch(65.59% 0.1770 34.32) 74.2%, oklch(67.00% 0.1719 39.59) 77.4%, oklch(68.39% 0.1672 45.46) 80.6%, oklch(69.86% 0.1626 52.52) 83.9%, oklch(71.41% 0.1579 60.49) 87.1%, oklch(72.93% 0.1534 68.66) 90.3%, oklch(74.34% 0.1493 76.36) 93.5%, oklch(75.52% 0.1458 82.88) 96.8%, oklch(76.38% 0.1433 87.54) 100.0%);

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

Trang phục lông vũ đính kim sa

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