FreeToGenerate.com

مجاني 100% · hex وRGB وHSL · بدون تسجيل

اضغط على أي كود لنسخه — والضغط على العيّنة ينسخ كود hex.

17 درجة
  • WhiteCSS
  • SnowCSS
  • IvoryCSS
  • FloralWhiteCSS
  • SeaShellCSS
  • GhostWhiteCSS
  • AliceBlueCSS
  • WhiteSmokeCSS
  • Parchment
  • OldLaceCSS
  • LinenCSS
  • AntiqueWhiteCSS
  • Cream
  • Eggshell
  • Alabaster
  • Pearl
  • Bone

متوفر أيضًا بلغات أخرى: English · Español · Português · Français

درجات الأبيض: أكواد hex وRGB وHSL

17 درجة من الأبيض مع أكواد hex وRGB وHSL — من الأبيض الصافي #FFFFFF إلى العظمي #E3DAC9. اضغط على أي كود لنسخه مجاناً وبدون تسجيل.

ما الذي يُعد درجة من الأبيض؟

الأبيض #FFFFFF قيمة واحدة، لذا فصفحة درجات الأبيض هي في الحقيقة صفحة أبيض مكسور — سبع عشرة درجة، كل منها تحمل قدراً ضئيلاً من اللون. الجانب الدافئ يضم العاجي #FFFFF0 والكريمي #FFFDD0 والكتاني #FAF0E6 والرقّي #FCF5E5، والجانب البارد يضم GhostWhite #F8F8FF وAliceBlue #F0F8FF، ويقف الثلجي #FFFAFA بينهما بأخفّ مسحة وردية ممكنة.

الاختيار بينها من أعلى القرارات مردوداً في أي تخطيط. فـ WhiteSmoke #F5F5F5 هو مسحة السطح المعتادة للبطاقات واللوحات لأنه ينفصل عن #FFFFFF من دون أن يُقرأ رمادياً. وقشر البيض #F0EAD6 والمرمري #EDEADE والعظمي #E3DAC9 تحمل صفرة كافية لتبدو كالورق، ولهذا تلجأ إليها التصاميم التحريرية أو المستوحاة من المطبوع، ولهذا تجعل الشاشة أدفأ من دون لون ظاهر.

كيف تستخدم أكواد الألوان هذه

  1. ابحث عن درجتك. القائمة مرتبة من الأفتح إلى الأغمق، مع عيّنة حية بجانب كل اسم — تصفّحها كما تتصفّح كتالوج ألوان الدهان.
  2. اضغط على أي كود لنسخه. كل صف يحمل قيمة hex وRGB وHSL لذلك اللون، وضغطة واحدة تنسخ النص كما هو إلى الحافظة.
  3. الصقه في مشروعك. ضع كود hex في CSS أو فيغما أو فوتوشوب أو مستند عادي. الضغط على العيّنة نفسها ينسخ hex أيضاً، فلا حاجة لتصويب المؤشر على النص الصغير.

ماذا يوحي الأبيض

يُقرأ الأبيض مساحةً لا لوناً. يوحي بالنظافة والبساطة والانفتاح، ووظيفته الأولى في التخطيط هي الفراغ: مقدار البياض حول العنصر يوصل من الجودة أكثر مما يوصله العنصر نفسه غالباً.

والانقسام بين الدافئ والبارد يحمل معنى حقيقياً. الأبيض البارد مثل GhostWhite وAliceBlue يُقرأ طبياً وتقنياً، وهي نبرة تصميم القطاع الصحي والبرمجيات. والأبيض الدافئ مثل العاجي والكريمي وOldLace #FDF5E6 يُقرأ تقليدياً ومريحاً وباهظاً: لوحة القرطاسية والأعراس والعلامات العريقة. أما #FFFFFF الصافي فيقف بينهما ويُقرأ عصرياً وحاداً بعض الشيء، ولهذا ينجح في التصميم المينيمالي ونادراً ما ينجح في شيء يُراد له أن يبدو دافئاً.

حدود يجب معرفتها

كود hex دقيق، لكن اللون الذي تراه ليس كذلك. اللون #FF0000 نفسه يبدو مختلفاً على هاتف OLED وعلى شاشة مكتبية رخيصة وعلى صفحة مطبوعة، لأن لكل جهاز نطاق ألوان ومعايرة خاصين به. تعامل مع هذه القيم كنقطة انطلاق دقيقة للشاشات، وراجع دائماً نسخة مطبوعة تجريبية قبل اعتماد لون للطباعة: نظام CMYK لا يستطيع إنتاج كل درجة مذكورة هنا.

أسماء الألوان تخلط أمرين. ما يحمل شارة CSS هو من الألوان المسماة رسمياً: الاسم نفسه يعمل داخل ملف الأنماط، وكل المتصفحات تترجمه إلى قيمة hex ذاتها بالضبط. أما البقية فأسماء متعارف عليها — بورجندي، مريمية، إسبريسو — لا تملكها أي جهة معيارية. قيمها تتبع العُرف الأكثر تداولاً، لكن كتالوجاً آخر قد يضعها أفتح أو أغمق بقليل، لذا اذكر كود hex لا الاسم حين تكون القيمة الدقيقة مهمة.

لماذا هي مجانية؟

يُبقي موقع FreeToGenerate.com كل أدواته مجانية فعلاً. هذه الصفحة قائمة ثابتة من قيم الألوان تُعرض داخل متصفحك: لا شيء لتثبيته، ولا حساب، ولا نسخة مدفوعة تحجب نصف اللوحة. انسخ ما تشاء من الأكواد، وقتما تشاء.

عائلات ألوان أخرى

الأحمرالبرتقاليالأصفرالأخضرالسماويالأزرقالبنفسجيالورديالبنيالرماديالأسودكل عائلات الألوان