Hồng, xanh dương nhạt, cam và xanh dương (gradient tuyến tính)

Bảng màu Hồng, xanh dương nhạt, cam và xanh dương

Gradient tuyến tính, 48 màu, góc 135°: #f4a4f4, #ffa394, #ade5f0, #fa6824, #205bff. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f4a4f4
#f8a2ee
#fca0e4
#ffa0d7
#ffa1c8
#ffa1bb
#ffa1ae
#ffa1a2
#ffa298
#ffa290
#ffa28c
#ffa28d
#ffa394
#ffa5a0
#fea8b0
#fbadc3
#f5b3d6
#edbbe7
#e3c4f4
#d8cdfc
#ced5ff
#c5dcff
#bde1fd
#b5e4f7
#ade5f0
#a4e5e4
#9ce3d4
#98e0be
#9bdaa3
#a6d183
#b7c55f
#c9b635
#d9a400
#e59200
#f17e00
#fa6824
#fb584a
#f84a69
#ef4187
#e23da2
#d13dbc
#be40d2
#a844e4
#9148f2
#794dfa
#6052fe
#4457ff
#205bff

CSS

background: linear-gradient(135deg in oklch, oklch(82.28% 0.1392 326.95) 0.0%, oklch(82.15% 0.1381 330.93) 2.1%, oklch(81.94% 0.1368 337.01) 4.3%, oklch(81.66% 0.1313 344.62) 6.4%, oklch(81.35% 0.1213 353.21) 8.5%, oklch(81.03% 0.1150 2.22) 10.6%, oklch(80.72% 0.1120 11.10) 12.8%, oklch(80.44% 0.1116 19.27) 14.9%, oklch(80.22% 0.1129 26.20) 17.0%, oklch(80.09% 0.1146 31.30) 19.1%, oklch(80.05% 0.1157 34.03) 21.3%, oklch(80.15% 0.1150 33.83) 23.4%, oklch(80.40% 0.1122 30.15) 25.5%, oklch(80.93% 0.1080 23.11) 27.7%, oklch(81.73% 0.1024 13.20) 29.8%, oklch(82.74% 0.0953 0.86) 31.9%, oklch(83.86% 0.0876 346.51) 34.0%, oklch(85.05% 0.0799 330.59) 36.2%, oklch(86.21% 0.0725 313.51) 38.3%, oklch(87.27% 0.0658 295.70) 40.4%, oklch(88.18% 0.0582 277.60) 42.6%, oklch(88.84% 0.0545 259.63) 44.7%, oklch(89.19% 0.0545 242.23) 46.8%, oklch(89.16% 0.0551 225.81) 48.9%, oklch(88.68% 0.0586 210.55) 51.1%, oklch(87.77% 0.0653 195.16) 53.2%, oklch(86.49% 0.0746 179.49) 55.3%, oklch(84.92% 0.0861 163.65) 57.4%, oklch(83.11% 0.0993 147.71) 59.6%, oklch(81.14% 0.1136 131.79) 61.7%, oklch(79.05% 0.1284 115.97) 63.8%, oklch(76.93% 0.1434 100.36) 66.0%, oklch(74.82% 0.1533 85.03) 68.1%, oklch(72.80% 0.1576 70.10) 70.2%, oklch(70.93% 0.1743 55.66) 72.3%, oklch(69.27% 0.1935 41.82) 74.5%, oklch(67.80% 0.2016 28.37) 76.6%, oklch(66.33% 0.2088 14.75) 78.7%, oklch(64.88% 0.2152 1.11) 80.9%, oklch(63.45% 0.2210 347.61) 83.0%, oklch(62.05% 0.2261 334.41) 85.1%, oklch(60.72% 0.2307 321.68) 87.2%, oklch(59.45% 0.2348 309.58) 89.4%, oklch(58.27% 0.2384 298.27) 91.5%, oklch(57.20% 0.2416 287.91) 93.6%, oklch(56.24% 0.2444 278.69) 95.7%, oklch(55.41% 0.2461 270.74) 97.9%, oklch(54.72% 0.2494 264.25) 100.0%);

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

Gradient nhiều màu tông sáng

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