تدرج خطي من كحلي إلى أزرق (أحادي اللون)
لوحة من كحلي إلى أزرق (أحادي اللون) من 32 لونًا. #081b37, #122b49, #2d5073, #437097, #4f80a9. حرّرها وصدّر CSS أو SVG أو PNG أو Shader.
32 لونًا، 5 إطارات رئيسية قابلة للتحرير في OKLCH.
- #081b37
- #091c38
- #0a1d39
- #0a1f3b
- #0c213d
- #0d2340
- #0e2542
- #102846
- #122b49
- #152f4d
- #183352
- #1b3857
- #1f3c5d
- #224262
- #264768
- #2a4b6d
- #2d5073
- #305578
- #345a7e
- #375f83
- #3a6389
- #3d688e
- #406c93
- #437097
- #45739b
- #47769e
- #4978a1
- #4b7aa3
- #4c7ca5
- #4d7ea7
- #4f7fa8
- #4f80a9
CSS
background: linear-gradient(180deg in oklch, oklch(22.44% 0.0593 258.05) 0.0%, oklch(22.86% 0.0596 257.81) 3.2%, oklch(23.37% 0.0600 257.51) 6.5%, oklch(23.97% 0.0604 257.15) 9.7%, oklch(24.68% 0.0610 256.74) 12.9%, oklch(25.49% 0.0615 256.29) 16.1%, oklch(26.42% 0.0622 255.80) 19.4%, oklch(27.47% 0.0629 255.28) 22.6%, oklch(28.66% 0.0636 254.74) 25.8%, oklch(30.05% 0.0643 254.12) 29.0%, oklch(31.64% 0.0651 253.43) 32.3%, oklch(33.35% 0.0659 252.70) 35.5%, oklch(35.16% 0.0668 251.95) 38.7%, oklch(36.99% 0.0678 251.22) 41.9%, oklch(38.79% 0.0687 250.51) 45.2%, oklch(40.52% 0.0697 249.88) 48.4%, oklch(42.15% 0.0708 249.32) 51.6%, oklch(43.80% 0.0721 248.81) 54.8%, oklch(45.47% 0.0734 248.34) 58.1%, oklch(47.13% 0.0748 247.90) 61.3%, oklch(48.73% 0.0762 247.49) 64.5%, oklch(50.25% 0.0775 247.13) 67.7%, oklch(51.64% 0.0787 246.79) 71.0%, oklch(52.87% 0.0797 246.49) 74.2%, oklch(53.93% 0.0805 246.23) 77.4%, oklch(54.86% 0.0811 246.02) 80.6%, oklch(55.67% 0.0815 245.85) 83.9%, oklch(56.37% 0.0819 245.71) 87.1%, oklch(56.97% 0.0821 245.60) 90.3%, oklch(57.48% 0.0823 245.51) 93.5%, oklch(57.91% 0.0825 245.44) 96.8%, oklch(58.27% 0.0827 245.37) 100.0%);في هذه المجموعات
لوحات مشابهةالمجموعاتنزّل PNGاللوحة بصيغة JSONMarkdownكيف يعمل
