تدرج خطي من أسود إلى بيج داكن
لوحة من أسود إلى بيج داكن من 32 لونًا. #02101b, #0c3641, #225e5c, #a4772f, #d9ba68. حرّرها وصدّر CSS أو SVG أو PNG أو Shader.
32 لونًا، 5 إطارات رئيسية قابلة للتحرير في OKLCH.
- #02101b
- #02131e
- #031622
- #041b27
- #05202d
- #062632
- #082c38
- #0a313d
- #0c3641
- #0f3b45
- #133f4a
- #16434e
- #1a4852
- #1c4c55
- #1e5259
- #20575b
- #225e5c
- #286559
- #366c50
- #4c7144
- #657337
- #7d742c
- #937529
- #a4772f
- #b17b38
- #bb8240
- #c48c48
- #cb964f
- #d0a156
- #d3ac5d
- #d6b463
- #d9ba68
CSS
background: linear-gradient(90deg in oklch, oklch(16.54% 0.0331 240.47) 0.0%, oklch(17.68% 0.0343 238.78) 3.2%, oklch(19.23% 0.0360 236.54) 6.5%, oklch(21.06% 0.0380 233.87) 9.7%, oklch(23.10% 0.0402 230.91) 12.9%, oklch(25.22% 0.0425 227.77) 16.1%, oklch(27.34% 0.0448 224.59) 19.4%, oklch(29.34% 0.0469 221.51) 22.6%, oklch(31.14% 0.0486 218.68) 25.8%, oklch(32.78% 0.0499 216.92) 29.0%, oklch(34.34% 0.0507 216.00) 32.3%, oklch(35.86% 0.0514 215.28) 35.5%, oklch(37.38% 0.0522 214.11) 38.7%, oklch(38.95% 0.0533 211.85) 41.9%, oklch(40.60% 0.0550 207.84) 45.2%, oklch(42.36% 0.0576 201.44) 48.4%, oklch(44.29% 0.0613 191.76) 51.6%, oklch(46.33% 0.0665 177.49) 54.8%, oklch(48.48% 0.0729 159.85) 58.1%, oklch(50.70% 0.0798 140.39) 61.3%, oklch(52.99% 0.0869 120.67) 64.5%, oklch(55.32% 0.0936 102.23) 67.7%, oklch(57.67% 0.0994 86.64) 71.0%, oklch(60.04% 0.1039 75.43) 74.2%, oklch(62.50% 0.1067 69.60) 77.4%, oklch(65.23% 0.1083 67.95) 80.6%, oklch(68.11% 0.1090 69.47) 83.9%, oklch(71.00% 0.1090 73.14) 87.1%, oklch(73.77% 0.1086 77.96) 90.3%, oklch(76.26% 0.1080 82.94) 93.5%, oklch(78.36% 0.1076 87.07) 96.8%, oklch(79.92% 0.1075 89.35) 100.0%);في هذه المجموعات
لوحات مشابهةالمجموعاتنزّل PNGاللوحة بصيغة JSONMarkdownكيف يعمل
