Xám, hồng, đỏ nâu và tím (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #f3e3e1, #e6b7c1, #d4809b, #752341, #d7c3d2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f3e3e1
#f3e0de
#f1dbda
#f0d6d6
#eed0d1
#eccacd
#eac3c9
#e8bdc5
#e6b7c1
#e5b1be
#e5abbb
#e6a6b8
#e5a0b5
#e49ab0
#e192ab
#dd8aa4
#d4809b
#c8718d
#b75f7c
#a64d69
#943c59
#852e4b
#7a2442
#752341
#782a47
#813a56
#8e506b
#9f6a83
#b0849c
#c09eb3
#ceb4c6
#d7c3d2

CSS

background: linear-gradient(135deg in oklch, oklch(92.91% 0.0179 26.02) 0.0%, oklch(92.10% 0.0208 24.11) 3.2%, oklch(91.03% 0.0245 21.42) 6.5%, oklch(89.75% 0.0289 18.21) 9.7%, oklch(88.32% 0.0339 14.74) 12.9%, oklch(86.81% 0.0393 11.27) 16.1%, oklch(85.27% 0.0450 8.06) 19.4%, oklch(83.76% 0.0508 5.36) 22.6%, oklch(82.34% 0.0566 3.41) 25.8%, oklch(81.13% 0.0632 2.05) 29.0%, oklch(80.06% 0.0705 1.09) 32.3%, oklch(79.02% 0.0782 0.46) 35.5%, oklch(77.87% 0.0859 0.07) 38.7%, oklch(76.50% 0.0932 359.86) 41.9%, oklch(74.78% 0.0998 359.74) 45.2%, oklch(72.58% 0.1053 359.66) 48.4%, oklch(69.63% 0.1095 359.61) 51.6%, oklch(65.22% 0.1135 0.04) 54.8%, oklch(59.80% 0.1172 0.81) 58.1%, oklch(53.98% 0.1201 1.72) 61.3%, oklch(48.39% 0.1221 2.52) 64.5%, oklch(43.66% 0.1227 2.99) 67.7%, oklch(40.40% 0.1215 2.92) 71.0%, oklch(39.26% 0.1183 2.07) 74.2%, oklch(40.85% 0.1122 0.17) 77.4%, oklch(45.13% 0.1023 357.15) 80.6%, oklch(51.32% 0.0899 353.37) 83.9%, oklch(58.66% 0.0761 349.17) 87.1%, oklch(66.36% 0.0620 344.91) 90.3%, oklch(73.65% 0.0489 340.94) 93.5%, oklch(79.74% 0.0380 337.61) 96.8%, oklch(83.86% 0.0303 335.29) 100.0%);

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

Bảng màu lãng mạn

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