Trắng, xanh dương nhạt và đỏ (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #f2eee1, #e1f4ef, #d3ddb9, #e4987f, #c33e3c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f2eee1
#f1efe1
#eff0e2
#edf1e3
#eaf2e6
#e8f3e8
#e6f4eb
#e3f4ee
#e1f4ef
#def3f0
#daf2ef
#d6f0ec
#d2eee7
#ceecdf
#cde8d4
#cfe3c7
#d3ddb9
#d9d5ab
#dfcca0
#e4c298
#e7b893
#e8ae8d
#e6a487
#e4987f
#e08c76
#dc806c
#d77362
#d36758
#ce5b4f
#c95046
#c64640
#c33e3c

CSS

background: linear-gradient(45deg in oklch, oklch(94.88% 0.0179 92.81) 0.0%, oklch(94.89% 0.0182 99.23) 3.2%, oklch(94.98% 0.0183 108.70) 6.5%, oklch(95.10% 0.0184 120.33) 9.7%, oklch(95.23% 0.0185 133.24) 12.9%, oklch(95.34% 0.0187 146.56) 16.1%, oklch(95.38% 0.0192 159.39) 19.4%, oklch(95.34% 0.0200 170.86) 22.6%, oklch(95.17% 0.0212 180.09) 25.8%, oklch(94.84% 0.0229 186.18) 29.0%, oklch(94.32% 0.0252 188.27) 32.3%, oklch(93.59% 0.0282 185.53) 35.5%, oklch(92.73% 0.0317 178.13) 38.7%, oklch(91.73% 0.0356 166.96) 41.9%, oklch(90.61% 0.0399 152.94) 45.2%, oklch(89.37% 0.0447 136.97) 48.4%, oklch(88.01% 0.0498 119.97) 51.6%, oklch(86.55% 0.0553 102.84) 54.8%, oklch(84.97% 0.0612 86.51) 58.1%, oklch(83.30% 0.0674 71.87) 61.3%, oklch(81.54% 0.0740 59.83) 64.5%, oklch(79.67% 0.0809 51.18) 67.7%, oklch(77.47% 0.0890 44.65) 71.0%, oklch(74.97% 0.0983 39.56) 74.2%, oklch(72.26% 0.1082 35.68) 77.4%, oklch(69.43% 0.1186 32.82) 80.6%, oklch(66.58% 0.1290 30.76) 83.9%, oklch(63.82% 0.1391 29.30) 87.1%, oklch(61.23% 0.1486 28.22) 90.3%, oklch(58.92% 0.1570 27.31) 93.5%, oklch(56.98% 0.1641 26.37) 96.8%, oklch(55.51% 0.1695 25.18) 100.0%);

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

Gradient bản đồ thời tiết

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