تدرج خطي من رمادي إلى بيج بدرجات الباستيل
لوحة من رمادي إلى بيج بدرجات الباستيل من 56 لونًا. #e8e7f4, #b4add0, #8fa5b4, #d4aaa3, #f1dcd0. حرّرها وصدّر CSS أو SVG أو PNG أو Shader.
56 لونًا، 5 إطارات رئيسية قابلة للتحرير في OKLCH.
- #e8e7f4
- #e6e5f2
- #e3e2f0
- #e0deee
- #dcd9ec
- #d8d5e9
- #d4d0e6
- #d0cae3
- #ccc5e0
- #c8c0dd
- #c4bbda
- #c0b7d7
- #bcb3d4
- #b8b0d2
- #b4add0
- #b0abce
- #abaacd
- #a6a9cb
- #a1a8c8
- #9ca8c6
- #97a7c3
- #94a7bf
- #91a7bc
- #8fa6b9
- #8ea6b7
- #8ea6b5
- #8ea5b3
- #8ea5b3
- #8fa5b4
- #91a4b6
- #94a4b8
- #98a3ba
- #9da3bc
- #a4a2be
- #aca1bd
- #b4a1bb
- #bca1b8
- #c4a1b3
- #caa2ae
- #cea4a9
- #d2a7a6
- #d4aaa3
- #d6ada2
- #d8b0a3
- #dab4a5
- #dcb9a8
- #debdac
- #e1c1b0
- #e3c5b4
- #e6c9b9
- #e8cdbe
- #ebd1c2
- #edd5c7
- #efd8ca
- #f0dacd
- #f1dcd0
CSS
background: linear-gradient(35deg in oklch, oklch(93.31% 0.0165 289.69) 0.0%, oklch(92.60% 0.0180 290.06) 1.8%, oklch(91.68% 0.0200 290.75) 3.6%, oklch(90.60% 0.0225 291.67) 5.5%, oklch(89.39% 0.0252 292.74) 7.3%, oklch(88.06% 0.0282 293.89) 9.1%, oklch(86.67% 0.0313 295.03) 10.9%, oklch(85.23% 0.0345 296.09) 12.7%, oklch(83.78% 0.0376 296.98) 14.5%, oklch(82.34% 0.0406 297.63) 16.4%, oklch(80.96% 0.0433 297.96) 18.2%, oklch(79.66% 0.0456 297.89) 20.0%, oklch(78.48% 0.0476 297.33) 21.8%, oklch(77.44% 0.0490 296.22) 23.6%, oklch(76.57% 0.0497 294.44) 25.5%, oklch(75.79% 0.0498 291.28) 27.3%, oklch(75.06% 0.0494 286.72) 29.1%, oklch(74.37% 0.0484 281.09) 30.9%, oklch(73.75% 0.0470 274.71) 32.7%, oklch(73.17% 0.0454 267.88) 34.5%, oklch(72.66% 0.0435 260.93) 36.4%, oklch(72.20% 0.0415 254.17) 38.2%, oklch(71.81% 0.0396 247.92) 40.0%, oklch(71.48% 0.0377 242.50) 41.8%, oklch(71.22% 0.0360 238.23) 43.6%, oklch(71.03% 0.0347 235.41) 45.5%, oklch(70.91% 0.0336 234.38) 47.3%, oklch(70.86% 0.0331 235.44) 49.1%, oklch(70.89% 0.0332 238.94) 50.9%, oklch(71.02% 0.0337 245.10) 52.7%, oklch(71.23% 0.0348 253.61) 54.5%, oklch(71.52% 0.0362 264.04) 56.4%, oklch(71.88% 0.0378 276.03) 58.2%, oklch(72.31% 0.0397 289.16) 60.0%, oklch(72.81% 0.0416 303.05) 61.8%, oklch(73.35% 0.0436 317.31) 63.6%, oklch(73.95% 0.0455 331.53) 65.5%, oklch(74.58% 0.0473 345.33) 67.3%, oklch(75.25% 0.0488 358.31) 69.1%, oklch(75.94% 0.0500 10.08) 70.9%, oklch(76.65% 0.0507 20.24) 72.7%, oklch(77.38% 0.0510 28.40) 74.5%, oklch(78.14% 0.0507 34.55) 76.4%, oklch(79.03% 0.0500 39.50) 78.2%, oklch(80.02% 0.0488 43.42) 80.0%, oklch(81.09% 0.0473 46.42) 81.8%, oklch(82.21% 0.0455 48.64) 83.6%, oklch(83.36% 0.0435 50.18) 85.5%, oklch(84.53% 0.0414 51.19) 87.3%, oklch(85.67% 0.0392 51.77) 89.1%, oklch(86.78% 0.0370 52.05) 90.9%, oklch(87.83% 0.0349 52.16) 92.7%, oklch(88.79% 0.0330 52.22) 94.5%, oklch(89.65% 0.0313 52.36) 96.4%, oklch(90.37% 0.0299 52.68) 98.2%, oklch(90.94% 0.0289 53.33) 100.0%);في هذه المجموعات
لوحات مشابهةالمجموعاتنزّل PNGاللوحة بصيغة JSONMarkdownكيف يعمل
