Hồng, tím, xám và be (gradient tuyến tính)

Hồng, tím, xám và be: bảng màu gồm 40 màu. #ff9699, #9b7c9a, #827f87, #ddd0d7, #ffeeee, #ffd4b4, #f3d39f, #e3d8a7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

40 màu, 5 keyframe OKLCH chỉnh sửa được.

#ff9699
#f6929d
#e88ea2
#d689a5
#c184a5
#ad80a1
#9b7c9a
#8c7892
#82768a
#7d7685
#7d7884
#827f87
#8c8890
#99959c
#a9a3aa
#bab3b9
#ccc2c9
#ddd0d7
#eddce2
#f9e5ea
#ffeaed
#ffeeef
#ffeeee
#ffece9
#ffe8e2
#ffe3d9
#ffddce
#ffd8c1
#ffd4b4
#ffd1a9
#fdd1a4
#fad1a1
#f6d2a0
#f3d39f
#efd4a0
#ecd5a1
#e9d6a3
#e7d7a5
#e5d7a6
#e3d8a7

CSS

background: linear-gradient(45deg in oklch, oklch(78.35% 0.1265 18.28) 0.0%, oklch(76.82% 0.1209 13.12) 2.6%, oklch(74.51% 0.1110 5.66) 5.1%, oklch(71.67% 0.0989 356.58) 7.7%, oklch(68.56% 0.0856 346.55) 10.3%, oklch(65.41% 0.0716 336.25) 12.8%, oklch(62.49% 0.0578 326.35) 15.4%, oklch(60.05% 0.0448 317.53) 17.9%, oklch(58.35% 0.0334 310.45) 20.5%, oklch(57.62% 0.0242 305.80) 23.1%, oklch(58.14% 0.0180 304.22) 25.6%, oklch(60.13% 0.0141 305.50) 28.2%, oklch(63.37% 0.0118 309.07) 30.8%, oklch(67.54% 0.0110 314.48) 33.3%, oklch(72.32% 0.0113 321.31) 35.9%, oklch(77.38% 0.0127 329.12) 38.5%, oklch(82.39% 0.0147 337.46) 41.0%, oklch(87.03% 0.0174 345.89) 43.6%, oklch(90.98% 0.0203 353.99) 46.2%, oklch(93.90% 0.0233 1.31) 48.7%, oklch(95.56% 0.0227 7.63) 51.3%, oklch(96.29% 0.0184 13.97) 53.8%, oklch(96.29% 0.0182 20.44) 56.4%, oklch(95.73% 0.0211 26.96) 59.0%, oklch(94.76% 0.0266 33.45) 61.5%, oklch(93.52% 0.0341 39.82) 64.1%, oklch(92.18% 0.0433 46.00) 66.7%, oklch(90.89% 0.0535 51.90) 69.2%, oklch(89.81% 0.0641 57.44) 71.8%, oklch(89.08% 0.0737 62.53) 74.4%, oklch(88.73% 0.0769 67.20) 76.9%, oklch(88.46% 0.0774 71.63) 79.5%, oklch(88.27% 0.0769 75.82) 82.1%, oklch(88.12% 0.0756 79.74) 84.6%, oklch(88.03% 0.0737 83.37) 87.2%, oklch(87.96% 0.0716 86.69) 89.7%, oklch(87.92% 0.0694 89.68) 92.3%, oklch(87.88% 0.0673 92.33) 94.9%, oklch(87.85% 0.0657 94.60) 97.4%, oklch(87.80% 0.0648 96.48) 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