كتل لونية
كتل مشبعة عالية الطاقة لإطلالات لافتة.
رموز الألوان
| HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|
| hsl(334, 100%, 50%) | cmyk(0%, 100%, 57%, 0%) | |||
| hsl(19, 97%, 51%) | cmyk(0%, 66%, 97%, 2%) | |||
| hsl(44, 100%, 52%) | cmyk(0%, 25%, 96%, 0%) | |||
| hsl(217, 100%, 61%) | cmyk(77%, 47%, 0%, 0%) | |||
| hsl(265, 83%, 57%) | cmyk(44%, 76%, 0%, 7%) |
CSS
:root {
--color-block-1: #FF006E;
--color-block-2: #FB5607;
--color-block-3: #FFBE0B;
--color-block-4: #3A86FF;
--color-block-5: #8338EC;
}كيف تعمل هذه الألوان معاً
تجمع درجات متقابلة على العجلة لتباين قوي وحيوي. طابعها العام دافئ. يمتد نطاق الإضاءة 11 نقطة، وهذا يحدد مقدار التباين الممكن.
0 من أصل 10 أزواج ألوان تصل إلى تباين 4.5:1 المطلوب للنص العادي. أوضح زوج هو #FFBE0B على #8338EC (3.37:1).
كتل لونية — نص مقروء باستخدام أفضل زوج.
تطبيقات مقترحة
- كتالوجات الأزياء والتشكيلات وواجهات المتاجر.
- سمات الواجهات: الأفتح للخلفيات والأغمق للنصوص.
- حزم الهوية والتصاميم الاجتماعية والعروض التقديمية.
الأسئلة الشائعة
كيف أستخدم لوحة كتل لونية؟
تضم لوحة كتل لونية عدد 5 ألوان. استخدم لوناً مهيمناً للمساحات الكبيرة ولوناً داعماً للعناصر الثانوية، والأكثر تشبعاً بقلة كلون مميز.
أي ألوان هذه اللوحة أنسب للنصوص؟
استخدم #FFBE0B على #8338EC؛ نسبة تباينهما 3.37:1.
هل يمكنني تنزيل هذه اللوحة؟
نعم، صدّرها بصيغة PNG أو SVG أو متغيرات CSS أو JSON أو نص عادي عبر الأزرار أعلى جدول الألوان.
لوحات أخرى
محايدات المنصة#F2EDE4 #D8C8B0 #A68A64 #5E4B3C #1F1A17أيام الجينز#F1F1EE #C8D3E0 #6C8EBF #2F4F7F #1A2238موسم التيراكوتا#F3E3D3 #E2A07A #C96A45 #8E3B2A #3F2A22متجر دافئ#FFF7ED #FED7AA #EA580C #7C2D12 #1C1917قصر الزمرد#0B2B26 #13463D #1F6F5C #C9A227 #F3EAD3استشارات حديثة#14213D #FCA311 #E5E5E5 #FFFFFF #000000