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

Bảng màu Xanh lơ, xanh dương, tím và cam tông rực rỡ

Gradient tuyến tính, 32 màu, góc 45°: #15f0ff, #00b4e8, #6760f2, #fd3c9d, #ff752f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#15f0ff
#00ebfe
#00e5fb
#01def7
#09d6f3
#0dcdef
#0cc5eb
#06bce9
#00b4e8
#00ace7
#00a2e7
#0097e7
#008cec
#2480ee
#3c74f0
#516af1
#6760f2
#7e58f0
#9750ec
#b04ae3
#c844d6
#de40c5
#f03db1
#fd3c9d
#ff4a8b
#ff567b
#ff5f6d
#ff6560
#ff6a53
#ff6e47
#ff723a
#ff752f

CSS

background: linear-gradient(45deg in oklch, oklch(87.01% 0.1464 203.20) 0.0%, oklch(85.84% 0.1466 204.88) 3.2%, oklch(84.28% 0.1445 206.93) 6.5%, oklch(82.43% 0.1422 209.35) 9.7%, oklch(80.37% 0.1394 212.16) 12.9%, oklch(78.20% 0.1372 215.38) 16.1%, oklch(76.02% 0.1362 219.03) 19.4%, oklch(73.91% 0.1370 223.10) 22.6%, oklch(71.96% 0.1398 227.63) 25.8%, oklch(69.83% 0.1433 232.49) 29.0%, oklch(67.48% 0.1489 237.71) 32.3%, oklch(65.09% 0.1584 243.33) 35.5%, oklch(62.80% 0.1750 249.41) 38.7%, oklch(60.77% 0.1859 255.98) 41.9%, oklch(59.16% 0.1960 263.14) 45.2%, oklch(58.12% 0.2046 270.92) 48.4%, oklch(57.83% 0.2113 279.50) 51.6%, oklch(58.33% 0.2176 289.43) 54.8%, oklch(59.45% 0.2236 300.41) 58.1%, oklch(60.99% 0.2290 312.00) 61.3%, oklch(62.76% 0.2335 323.74) 64.5%, oklch(64.56% 0.2368 335.17) 67.7%, oklch(66.20% 0.2386 345.86) 71.0%, oklch(67.48% 0.2387 355.36) 74.2%, oklch(68.35% 0.2199 3.60) 77.4%, oklch(69.08% 0.2044 11.34) 80.6%, oklch(69.71% 0.1946 18.53) 83.9%, oklch(70.24% 0.1888 25.11) 87.1%, oklch(70.69% 0.1860 31.02) 90.3%, oklch(71.06% 0.1853 36.18) 93.5%, oklch(71.38% 0.1858 40.52) 96.8%, oklch(71.65% 0.1860 43.99) 100.0%);

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

Gradient nhiều màu rực rỡ

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