⁨تدرج شعاعي⁩ ⁨⁨كحلي⁩ و⁨بنفسجي⁩ و⁨بني⁩ و⁨أزرق⁩⁩

لوحة ألوان ⁨⁨كحلي⁩ و⁨بنفسجي⁩ و⁨بني⁩ و⁨أزرق⁩⁩

⁨تدرج شعاعي⁩، 32 لونًا: ⁨#051730, #204775, #9d4268, #ab4232, #164f91⁩. حرّرها وصدّر CSS أو SVG أو PNG أو Shader.

4 إطارات رئيسية قابلة للتحرير في OKLCH.

#051730
#071a34
#091f3b
#0b2443
#0e2b4c
#113255
#153960
#1a406a
#204775
#294c7f
#344f88
#42508f
#544f93
#684c93
#7d498b
#8f457c
#9d4268
#a64351
#ab4639
#ab4a22
#ab4c0c
#ab4c06
#ac481b
#ab4232
#a63c4b
#9c3a63
#8c3b7a
#783f8b
#604395
#484898
#2f4c96
#164f91

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(20.47% 0.0551 257.34) 0.0%, oklch(21.89% 0.0577 257.26) 3.2%, oklch(23.78% 0.0611 256.42) 6.5%, oklch(26.04% 0.0651 255.17) 9.7%, oklch(28.57% 0.0696 253.84) 12.9%, oklch(31.26% 0.0744 252.78) 16.1%, oklch(34.01% 0.0795 252.33) 19.4%, oklch(36.72% 0.0846 252.84) 22.6%, oklch(39.28% 0.0897 254.64) 25.8%, oklch(41.59% 0.0946 258.08) 29.0%, oklch(43.54% 0.0992 263.49) 32.3%, oklch(45.13% 0.1035 271.79) 35.5%, oklch(46.59% 0.1081 284.42) 38.7%, oklch(47.94% 0.1130 300.39) 41.9%, oklch(49.17% 0.1180 318.53) 45.2%, oklch(50.25% 0.1229 337.66) 48.4%, oklch(51.18% 0.1275 356.62) 51.6%, oklch(51.95% 0.1318 14.24) 54.8%, oklch(52.54% 0.1356 29.34) 58.1%, oklch(52.94% 0.1387 40.77) 61.3%, oklch(53.14% 0.1409 47.35) 64.5%, oklch(53.11% 0.1422 47.91) 67.7%, oklch(52.70% 0.1424 42.06) 71.0%, oklch(51.94% 0.1415 30.86) 74.2%, oklch(50.91% 0.1399 15.53) 77.4%, oklch(49.70% 0.1377 357.30) 80.6%, oklch(48.37% 0.1351 337.38) 83.9%, oklch(47.02% 0.1324 316.99) 87.1%, oklch(45.71% 0.1297 297.36) 90.3%, oklch(44.54% 0.1273 279.71) 93.5%, oklch(43.58% 0.1253 265.26) 96.8%, oklch(42.91% 0.1240 255.23) 100.0%);

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

تدرجات البرتقالي والأزرق

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