أداة البحث عن ألوان الأمان 216WEB
يوفر 216 لونًا متناسقًا عبر الأنظمة الأساسية لأمان الويب، ويدعم معاينة الألوان واستعلام قيمة اللون، وهو أداة مرجعية عملية لمطابقة الألوان لتصميم الويب وتطوير الواجهة الأمامية وتصميم واجهة المستخدم، لضمان عرض الألوان بشكل متناسق في الأنظمة والمتصفحات المختلفة.
216 ألوان أمان الويب الأمنية 216
HTML#000000 RGB 0 0 0
HTML#000033 RGB 0 0 51
HTML#000066 RGB 0 0 102
HTML#000099 RGB 0 0 153
HTML#0000CC RGB 0 0 204
HTML#00000000FF RGB 0 0 255
HTML#003300 RGB 0 51 0
HTML#003333 RGB 0 51 51
HTML#003366 RGB 0 51 102
HTML#003399 RGB 0 51 153
HTML#003333CC RGB 0 51 204
HTML#003333FF RGB 0 51 255
HTML#006600 RGB 0 102 0
HTML#006633 RGB 0 102 51
HTML#006666 RGB 0 102 102
HTML#006699 RGB 0 102 153
HTML#006666CC RGB 0 102 204
HTML#006666FF RGB 0 102 255
HTML#009900 RGB 0 153 0
HTML#009933 RGB 0 153 51
HTML#009966 RGB 0 153 102
HTML#009999 RGB 0 153 153
HTML#009999CC RGB 0 153 204
HTML#009999FF RGB 0 153 255
HTML#00T00CC00 RGB 0 204 0
HTML#00CC33 RGB 0 204 51
HTML#00CC66 RGB 0 204 102
HTML#00T00CC99 RGB 0 204 153
HTML#00T00CCCCC RGB 0 204 204
HTML#6T00CCFF RGB 0 204 255
HTML#00FF00 RGB 0 255 0
HTML#00FF33 RGB 0 255 51
HTML#00FF66 RGB 0 255 102
HTML#00FF99 RGB 0 255 153
HTML#00FFCC RGB 0 255 204
HTML#00FFFFFF RGB 0 255 255
HTML#330000 RGB 51 0 0
HTML#330033 RGB 51 0 51
HTML#330066 RGB 51 0 102
HTML#330099 RGB 51 0 153
HTML#33003300CC RGB 51 0 204
HTML#3300FF RGB 51 0 255
HTML#333300 RGB 51 51 0
HTML#333333 RGB 51 51 51
HTML#333366 RGB 51 51 102
HTML#333399 RGB 51 51 153
HTML#333333CC RGB 51 51 204
HTML#333333FF RGB 51 51 255
HTML#336600 RGB 51 102 0
HTML#336633 RGB 51 102 51
HTML#336666 RGB 51 102 102
HTML#336699 RGB 51 102 153
HTML#336666CC RGB 51 102 204
HTML#336666FF RGB 51 102 255
HTML#339900 RGB 51 153 0
HTML#339933 RGB 51 153 51
HTML#339966 RGB 51 153 102
HTML#339999 RGB 51 153 153
HTML#333399CC RGB 51 153 204
HTML#339999FF RGB 51 153 255
HTML#33CC00 RGB 51 204 0
HTML#33CC33 RGB 51 204 51
HTML#33CC66 RGB 51 204 102
HTML#33CC99 RGB 51 204 153
HTML#3333CCCCC RGB 51 204 204
HTML#33CCFF RGB 51 204 255
HTML#33FF00 RGB 51 255 0
HTML#33FF3333 RGB 51 255 51
HTML#33FF66 RGB 51 255 102
HTML#33FF99 RGB 51 255 153
HTML#33FFCC RGB 51 255 204
HTML#3333FFFF RGB 51 255 255
HTML#660000 RGB 102 0 0
HTML#660033 RGB 102 0 51
HTML#660066 RGB 102 0 102
HTML#660099 RGB 102 0 153
HTML#6600CC RGB 102 0 204
HTML#6600FF RGB 102 0 255
HTML#663300 RGB 102 51 0
HTML#663333 RGB 102 51 51
HTML#663366 RGB 102 51 102
HTML#663399 RGB 102 51 153
HTML#663333CC RGB 102 51 204
HTML#663333FF RGB 102 51 255
HTML#666600 RGB 102 102 0
HTML#666633 RGB 102 102 51
HTML#666666 RGB 102 102 102
HTML#666699 RGB 102 102 153
HTML#666666CC RGB 102 102 204
HTML#666666FF RGB 102 102 255
HTML#669900 RGB 102 153 0
HTML#669933 RGB 102 153 51
HTML#669966 RGB 102 153 102
HTML#669999 RGB 102 153 153
HTML#666699CC RGB 102 153 204
HTML#669999FF RGB 102 153 255
HTML#6666CC00 RGB 102 204 0
HTML#66CC33 RGB 102 204 51
HTML#66CC66 RGB 102 204 102
HTML#66CC99 RGB 102 204 153
HTML#6666CCCCCC RGB 102 204 204
HTML#66CCFF RGB 102 204 255
HTML#6666FF00 RGB 102 255 0
HTML#6666FF33 RGB 102 255 51
HTML#6666FF66 RGB 102 255 102
HTML#6666FF99 RGB 102 255 153
HTML#6666FFCC RGB 102 255 204
HTML#6666FFFF RGB 102 255 255
HTML#990000 RGB 153 0 0
HTML#990033 RGB 153 0 51
HTML#990066 RGB 153 0 102
HTML#990099 RGB 153 0 153
HTML#9900CC RGB 153 0 204
HTML#9900FF RGB 153 0 255
HTML#993300 RGB 153 51 0
HTML#993333 RGB 153 51 51
HTML#993366 RGB 153 51 102
HTML#993399 RGB 153 51 153
HTML#993333CC RGB 153 51 204
HTML#993333FF RGB 153 51 255
HTML#996600 RGB 153 102 0
HTML#996633 RGB 153 102 51
HTML#996666 RGB 153 102 102
HTML#996699 RGB 153 102 153
HTML#996666CC RGB 153 102 204
HTML#996666FF RGB 153 102 255
HTML#999900 RGB 153 153 0
HTML#999933 RGB 153 153 51
HTML#999966 RGB 153 153 102
HTML#999999 RGB 153 153 153
HTML#99999999CC RGB 153 153 204
HTML#99999999FF RGB 153 153 255
HTML#9999CC00 RGB 153 204 0
HTML#99CC33 RGB 153 204 51
HTML#99CC66 RGB 153 204 102
HTML#9999CC99 RGB 153 204 153
HTML#9999CCCCCC RGB 153 204 204
HTML#99CCFF RGB 153 204 255
HTML#99FF00 RGB 153 255 0
HTML#99FF33 RGB 153 255 51
HTML#99FF66 RGB 153 255 102
HTML#9999FF99 RGB 153 255 153
HTML#99FFCC RGB 153 255 204
HTML#9999FFFFFF RGB 153 255 255
HTML#CC0000 RGB 204 0 0
HTML#CC0033 RGB 204 0 51
HTML#CC0066 RGB 204 0 102
HTML#CC0099 RGB 204 0 153
HTML#CC0000CC RGB 204 0 204
HTML#CC0000FF RGB 204 0 255
HTML#CC3300 RGB 204 51 0
HTML#CC333333 RGB 204 51 51
HTML#CC3366 RGB 204 51 102
HTML#CC3399 RGB 204 51 153
HTML#CC3333CC RGB 204 51 204
HTML#CC3333FF RGB 204 51 255
HTML#CC6600 RGB 204 102 0
HTML#CC6633 RGB 204 102 51
HTML#CC666666 RGB 204 102 102
HTML#CC6699 RGB 204 102 153
HTML#CC66CCC RGB 204 102 204
HTML#CC6666FF RGB 204 102 255
HTML#CC9900 RGB 204 153 0
HTML#CC9933 RGB 204 153 51
HTML#CC9966 RGB 204 153 102
HTML#CC999999 RGB 204 153 153
HTML#CC99CCC RGB 204 153 204
HTML#CC9999FF RGB 204 153 255
HTML#CCCCC00 RGB 204 204 0
HTML#CCCC33 RGB 204 204 51
HTML#CCCC66 RGB 204 204 102
HTML#CCCC99 RGB 204 204 153
HTML#CCCCCCCC RGB 204 204 204
HTML#CCCCCCFF RGB 204 204 255
HTML#CCFF00 RGB 204 255 0
HTML#CCFF33 RGB 204 255 51
HTML#CCFF66 RGB 204 255 102
HTML#CCFF99 RGB 204 255 153
HTML#CCCCFFCC RGB 204 255 204
HTML#CCFFFFFF RGB 204 255 255
HTML#FF0000 RGB 255 0 0
HTML#FF0033 RGB 255 0 51
HTML#FF0066 RGB 255 0 102
HTML#FF0099 RGB 255 0 153
HTML#FF0000CC RGB 255 0 204
HTML#FF0000FF RGB 255 0 255
HTML#FF3300 RGB 255 51 0
HTML#FF33333333 RGB 255 51 51
HTML#FF333366 RGB 255 51 102
HTML#FF3399 RGB 255 51 153
HTML#FF3333CC RGB 255 51 204
HTML#FF3333FF RGB 255 51 255
HTML#FF6600 RGB 255 102 0
HTML#FF666633 RGB 255 102 51
HTML#FF66666666 RGB 255 102 102
HTML#FF666699 RGB 255 102 153
HTML#FF66CC RGB 255 102 204
HTML#FF6666FF RGB 255 102 255
HTML#FF9900 RGB 255 153 0
HTML#FF9933 RGB 255 153 51
HTML#FF999966 RGB 255 153 102
HTML#FF999999 RGB 255 153 153
HTML#FF9999CC RGB 255 153 204
HTML#FF9999FF RGB 255 153 255
HTML#FFCCC00 RGB 255 204 0
HTML#FFCC33 RGB 255 204 51
HTML#FFCC66 RGB 255 204 102
HTML#FFCC99 RGB 255 204 153
HTML#FFCCCCCC RGB 255 204 204
HTML#FFCCFF RGB 255 204 255
HTML#FFFF00 RGB 255 255 0
HTML#FFFFFF33 RGB 255 255 51
HTML#FFFF66 RGB 255 255 102
HTML#FFFF99 RGB 255 255 153
HTML#FFFFFFCC RGB 255 255 204
HTML#FFFFFFFF RGB 255 255 255
توفر هذه الأداة 216 نوعًا من وظيفة الاستعلام عن ألوان أمان الويب الشائعة، ويمكن للمستخدمين النقر لعرض القيمة المحددة وتأثير عرض الألوان المختلفة. جميع الوظائف مجانية تمامًا، ومناسبة لتصميم الويب وتطوير الواجهة الأمامية وغيرها من الاحتياجات لتوحيد تأثير عرض ألوان الويب للمشهد.
لماذا 216 لوناً؟
من بين 256 لونًا في وضع العرض، هناك 40 لونًا يتم عرضها بشكل مختلف على أنظمة Mac وWindows، لذا لا يوجد سوى 216 “لونًا آمنًا” متناسقًا حقًا عبر الأنظمة الأساسية. من أجل ضمان رؤية المستخدمين للألوان نفسها عبر أنظمة التشغيل والمتصفحات المختلفة، يوصى باستخدام هذه الألوان الـ 216 الآمنة كأولوية في التصميم.
ما هي الألوان الآمنة؟
لون السلامة هو لون يستخدم لنقل معلومات السلامة. وهو يعمل على التحذير من المخاطر، أو الإشارة إلى موقع معدات السلامة أو توصيل تعليمات التشغيل من خلال المؤثرات البصرية اللافتة للنظر. يجب أن تتوافق ألوان السلامة مع المعايير الدولية أو الوطنية الموحدة لضمان التعرف عليها وفهمها بسرعة في المواقف المختلفة.
معايير ألوان السلامة ومعناها
توصي المنظمة الدولية للمواصفات والمقاييس (ISO) باستخدام اللون الأحمر والأصفر والأخضر كألوان أمان، مع استخدام اللون الأزرق كلون ثانوي. المواصفة القياسية الوطنية الصينية GB 2893-82 تم تحديد اللون الأحمر والأزرق والأصفر والأخضر كألوان أمان، ومعانيها واستخداماتها كالتالي:
- وردي:: تشير إلى المنع والتوقف. تستخدم لعلامات الحظر، وإشارات التوقف، ومقابض مكابح الطوارئ للمركبات، إلخ.
- الأزرق.:: تشير إلى توجيه، وهو نظام يجب اتباعه. تستخدم بشكل عام للعلامات التوجيهية.
- إباحية:: تشير إلى التحذير والانتباه. تُستخدم لعلامات التحذير وخطوط وسط الطريق، إلخ.
- أكثر اخضراراً:: تشير إلى إشارة إلى حالة السلامة والمرور. تُستخدم لوضع العلامات الإرشادية وعلامات مرور المشاة والمركبات وما إلى ذلك.
العربية