Be, xám, xanh dương nhạt và đỏ (gradient tuyến tính)

Gradient tuyến tính, 64 màu, góc 135°: #e5edb6, #c8a69e, #f2fdff, #ff7688, #b44426. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e5edb6
#e5e9b3
#e6e5af
#e7dfab
#e7d8a7
#e7d1a4
#e6caa1
#e4c3a0
#e1bd9f
#deb79e
#dab19e
#d6ad9e
#d2a99e
#cea79e
#cba59e
#c9a59e
#c8a69e
#c8a89f
#c9ada2
#cbb2a5
#cdb9ab
#cfc1b2
#d2c9ba
#d6d1c4
#dadacd
#dfe1d7
#e4e8e1
#e9efe9
#edf4f0
#f1f9f6
#f2fcfa
#f1fefe
#f2fdff
#f1fbff
#edf9ff
#e8f4ff
#e3efff
#dfe8ff
#dde0ff
#ddd5ff
#e2c8ff
#edb6fe
#f4a9ef
#fa9cdc
#fe90c7
#ff86b1
#ff7e9c
#ff7688
#fe6f76
#fa6b66
#f56758
#f0634c
#ea6042
#e45c3b
#de5935
#d85631
#d2532f
#cc502d
#c74e2c
#c24c2c
#be492b
#ba472b
#b64629
#b44426

CSS

background: linear-gradient(135deg in oklch, oklch(92.52% 0.0717 114.61) 0.0%, oklch(91.82% 0.0706 111.15) 1.6%, oklch(90.87% 0.0694 106.26) 3.2%, oklch(89.70% 0.0679 100.18) 4.8%, oklch(88.36% 0.0663 93.18) 6.3%, oklch(86.89% 0.0646 85.52) 7.9%, oklch(85.35% 0.0627 77.46) 9.5%, oklch(83.76% 0.0607 69.26) 11.1%, oklch(82.19% 0.0586 61.17) 12.7%, oklch(80.67% 0.0565 53.47) 14.3%, oklch(79.24% 0.0544 46.40) 15.9%, oklch(77.96% 0.0523 40.22) 17.5%, oklch(76.87% 0.0501 35.21) 19.0%, oklch(76.00% 0.0481 31.61) 20.6%, oklch(75.42% 0.0460 29.68) 22.2%, oklch(75.16% 0.0441 29.69) 23.8%, oklch(75.26% 0.0422 31.89) 25.4%, oklch(75.84% 0.0400 36.14) 27.0%, oklch(76.86% 0.0371 42.20) 28.6%, oklch(78.25% 0.0338 49.87) 30.2%, oklch(79.94% 0.0303 58.95) 31.7%, oklch(81.88% 0.0266 69.25) 33.3%, oklch(83.97% 0.0230 80.58) 34.9%, oklch(86.16% 0.0195 92.74) 36.5%, oklch(88.38% 0.0162 105.54) 38.1%, oklch(90.55% 0.0134 118.78) 39.7%, oklch(92.61% 0.0112 132.28) 41.3%, oklch(94.49% 0.0096 145.83) 42.9%, oklch(96.12% 0.0089 159.24) 44.4%, oklch(97.42% 0.0092 172.33) 46.0%, oklch(98.33% 0.0106 184.89) 47.6%, oklch(98.79% 0.0133 196.73) 49.2%, oklch(98.73% 0.0118 207.79) 50.8%, oklch(98.25% 0.0123 219.31) 52.4%, oklch(97.41% 0.0151 231.29) 54.0%, oklch(96.25% 0.0193 243.60) 55.6%, oklch(94.81% 0.0250 256.13) 57.1%, oklch(93.15% 0.0326 268.76) 58.7%, oklch(91.29% 0.0429 281.36) 60.3%, oklch(89.29% 0.0576 293.81) 61.9%, oklch(87.18% 0.0796 306.01) 63.5%, oklch(85.02% 0.1130 317.81) 65.1%, oklch(82.84% 0.1251 329.13) 66.7%, oklch(80.68% 0.1366 339.83) 68.3%, oklch(78.60% 0.1470 349.79) 69.8%, oklch(76.63% 0.1524 358.89) 71.4%, oklch(74.81% 0.1590 7.02) 73.0%, oklch(73.20% 0.1673 14.05) 74.6%, oklch(71.75% 0.1737 19.91) 76.2%, oklch(70.29% 0.1763 24.69) 77.8%, oklch(68.83% 0.1777 28.50) 79.4%, oklch(67.36% 0.1780 31.43) 81.0%, oklch(65.91% 0.1773 33.59) 82.5%, oklch(64.48% 0.1759 35.08) 84.1%, oklch(63.09% 0.1738 36.01) 85.7%, oklch(61.73% 0.1713 36.47) 87.3%, oklch(60.43% 0.1684 36.57) 88.9%, oklch(59.18% 0.1654 36.40) 90.5%, oklch(58.01% 0.1623 36.09) 92.1%, oklch(56.92% 0.1593 35.71) 93.7%, oklch(55.92% 0.1566 35.38) 95.2%, oklch(55.01% 0.1543 35.21) 96.8%, oklch(54.22% 0.1526 35.28) 98.4%, oklch(53.54% 0.1516 35.71) 100.0%);

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

Bảng màu chế độ 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