#D3D3D3

lightgray

%
فتح صفحة اللون

أكواد الألوان

HEX#D3D3D3
RGBrgb(211, 211, 211)
HSLhsl(0°, 0%, 82.75%)
HSVhsv(0°, 0%, 82.75%)
CMYKcmyk(0%, 0%, 0%, 17.25%)
XYZxyz(61.91, 65.14, 70.93)
LABlab(84.56, 0, 0)
LCHlch(84.56, 0, 158.2°)

أكواد الألوان

HEX#D3D3D3
RGBrgb(211, 211, 211)
HSLhsl(0°, 0%, 82.75%)
HSVhsv(0°, 0%, 82.75%)
CMYKcmyk(0%, 0%, 0%, 17.25%)
XYZxyz(61.91, 65.14, 70.93)
LABlab(84.56, 0, 0)
LCHlch(84.56, 0, 158.2°)

إمكانية الوصول

على الأبيض1.5:1AA ✗AAA ✗
على الأسود14.03:1AA ✓AAA ✓

نصٌّ تجريبي للعرض

نصّ أساسي فوق اللون، لتقييم وضوح القراءة قبل اعتماده.

تنويعات اللون وتركيباته

الدرجات الفاتحة تمزج اللون بالأبيض الخالص، والداكنة تمزجه بالأسود الخالص. تُحسب السلسلتان بخطوات 10% حتى تفتح درجة اللون أو تعتّمها دون مغادرته.

درجات داكنة

درجات فاتحة

تناغم الألوان

يختار التناغم الألوان المرافقة حسب موقعها على عجلة الألوان. كل قاعدة تُنتج إحساسًا مختلفًا، من التباين الحادّ إلى المزج اللطيف بين الألوان المتجاورة.

#D3D3D3
#D3D3D3

متمّم

الدرجة المقابلة تمامًا على العجلة، على بُعد 180°. أعلى تباين ممكن، والأفضل أن يقود لون ويُستخدم الآخر للتمييز.

إنشاء تدرّج
#D3D3D3
#D3D3D3
#D3D3D3

متمّم منقسم

اللون الأساسي مع جارَي لونه المقابل، على بُعد نحو 30° من كل جانب. يحافظ على التباين ويخفّف حدّته.

إنشاء تدرّج
#D3D3D3
#D3D3D3
#D3D3D3

ثلاثي

ثلاث درجات تفصل بينها 120°. حيويّ ومتوازن: دع لونًا يهيمن واستخدم البقيّة للتمييز.

إنشاء تدرّج
#D3D3D3
#D3D3D3
#D3D3D3

متشابه

ثلاث درجات متجاورة يفصل بينها 30°. تباين منخفض ومريح للعين، مثالي للخلفيات الهادئة والتدرّجات.

إنشاء تدرّج
#939393
#B4B4B4
#D3D3D3
#F2F2F2
#FFFFFF

أحادي اللون

درجة لون واحدة بمستويات إضاءة متعدّدة. متناسق بطبيعته، وأضمن طريق إلى واجهة متّسقة.

إنشاء تدرّج
#D3D3D3
#D3D3D3
#D3D3D3
#D3D3D3

رباعي

زوجان متمّمان يشكّلان مستطيلًا على العجلة. أغنى المخطّطات هنا، وأكثرها حاجة إلى ضبط النفس.

إنشاء تدرّج

مزيد من الألوان الرائجة