⁨تدرج زاوي⁩ ⁨رمادي⁩

⁨لوحة ⁨رمادي⁩ من 32 لونًا.⁩ ⁨#72707c, #84808d, #a29ca9, #b9b2be, #d4cdd6, #d0cad2, #9f9ba5, #7f7d88⁩. حرّرها وصدّر CSS أو SVG أو PNG أو Shader.

32 لونًا، 4 إطارات رئيسية قابلة للتحرير في OKLCH.

#72707c
#76737f
#7a7683
#7e7b88
#84808d
#8a8592
#908b98
#96919e
#9c97a4
#a29ca9
#a7a1ae
#aca6b3
#b2acb8
#b9b2be
#bfb8c3
#c5bfc9
#cbc4ce
#d0c9d2
#d4cdd6
#d6cfd8
#d6d0d8
#d4ced6
#d0cad2
#c8c3cb
#bfbac3
#b5b0b9
#aaa6af
#9f9ba5
#95929c
#8c8993
#84828c
#7f7d88

CSS

background: conic-gradient(from 225deg in oklch, oklch(55.12% 0.0193 295.31) 0.0%, oklch(56.13% 0.0193 295.98) 3.2%, oklch(57.43% 0.0194 296.83) 6.5%, oklch(58.99% 0.0195 297.84) 9.7%, oklch(60.73% 0.0196 298.97) 12.9%, oklch(62.60% 0.0197 300.19) 16.1%, oklch(64.54% 0.0198 301.47) 19.4%, oklch(66.50% 0.0198 302.78) 22.6%, oklch(68.43% 0.0198 304.08) 25.8%, oklch(70.25% 0.0196 305.35) 29.0%, oklch(71.93% 0.0194 306.56) 32.3%, oklch(73.51% 0.0190 307.75) 35.5%, oklch(75.31% 0.0185 309.19) 38.7%, oklch(77.25% 0.0177 310.80) 41.9%, oklch(79.24% 0.0169 312.48) 45.2%, oklch(81.17% 0.0160 314.14) 48.4%, oklch(82.95% 0.0151 315.68) 51.6%, oklch(84.47% 0.0143 317.01) 54.8%, oklch(85.63% 0.0136 318.04) 58.1%, oklch(86.34% 0.0130 318.66) 61.3%, oklch(86.48% 0.0125 318.80) 64.5%, oklch(85.96% 0.0124 318.33) 67.7%, oklch(84.56% 0.0124 317.10) 71.0%, oklch(82.39% 0.0127 315.21) 74.2%, oklch(79.64% 0.0131 312.82) 77.4%, oklch(76.49% 0.0136 310.09) 80.6%, oklch(73.13% 0.0141 307.17) 83.9%, oklch(69.73% 0.0147 304.22) 87.1%, oklch(66.48% 0.0153 301.41) 90.3%, oklch(63.56% 0.0158 298.88) 93.5%, oklch(61.15% 0.0163 296.79) 96.8%, oklch(59.45% 0.0165 295.31) 100.0%);

في هذه المجموعات

تدرجات الرمادي

لوحات مشابهة المجموعات نزّل PNG اللوحة بصيغة JSON Markdown كيف يعمل