تدرج خطي أسود وكحلي ورمادي
لوحة أسود وكحلي ورمادي من 32 لونًا. #12141a, #1d2535, #5f637b, #a2b2c3, #eff6ee. حرّرها وصدّر CSS أو SVG أو PNG أو Shader.
32 لونًا، 4 إطارات رئيسية قابلة للتحرير في OKLCH.
- #12141a
- #13151c
- #14171f
- #151821
- #161a24
- #171c28
- #191e2c
- #1b2130
- #1d2535
- #21293b
- #252e41
- #2b3549
- #333c51
- #3d455b
- #474e65
- #535870
- #5f637b
- #6c6e87
- #787a92
- #83859d
- #8c90a8
- #949bb2
- #9ba6bb
- #a2b2c3
- #aabdca
- #b3c8d0
- #bed3d5
- #c9dcda
- #d4e4df
- #dfebe4
- #e8f1e9
- #eff6ee
CSS
background: linear-gradient(90deg in oklch, oklch(19.29% 0.0124 270.70) 0.0%, oklch(19.86% 0.0139 270.27) 3.2%, oklch(20.45% 0.0161 269.64) 6.5%, oklch(21.10% 0.0186 268.85) 9.7%, oklch(21.85% 0.0215 267.98) 12.9%, oklch(22.72% 0.0245 267.09) 16.1%, oklch(23.77% 0.0275 266.22) 19.4%, oklch(25.01% 0.0304 265.46) 22.6%, oklch(26.50% 0.0330 264.85) 25.8%, oklch(28.26% 0.0352 264.45) 29.0%, oklch(30.33% 0.0368 264.33) 32.3%, oklch(32.80% 0.0378 264.80) 35.5%, oklch(35.74% 0.0385 266.54) 38.7%, oklch(39.08% 0.0389 269.19) 41.9%, oklch(42.73% 0.0390 272.32) 45.2%, oklch(46.59% 0.0389 275.50) 48.4%, oklch(50.58% 0.0385 278.31) 51.6%, oklch(54.59% 0.0380 280.31) 54.8%, oklch(58.55% 0.0372 281.09) 58.1%, oklch(62.36% 0.0363 280.20) 61.3%, oklch(65.92% 0.0352 277.23) 64.5%, oklch(69.17% 0.0340 271.68) 67.7%, oklch(72.40% 0.0324 262.80) 71.0%, oklch(75.66% 0.0303 251.02) 74.2%, oklch(78.89% 0.0280 237.09) 77.4%, oklch(82.06% 0.0254 221.75) 80.6%, oklch(85.09% 0.0228 205.74) 83.9%, oklch(87.94% 0.0202 189.81) 87.1%, oklch(90.56% 0.0178 174.71) 90.3%, oklch(92.89% 0.0156 161.17) 93.5%, oklch(94.87% 0.0137 149.95) 96.8%, oklch(96.46% 0.0124 141.78) 100.0%);في هذه المجموعات
لوحات مشابهةالمجموعاتنزّل PNGاللوحة بصيغة JSONMarkdownكيف يعمل
