🎨
🌈
🟦
#
HSL
CSS

مختبر نظام الألوان الرئيسي

أضف اللون الأساسي، وسيتم توليد درجات فاتحة وغامقة وألوان متناغمة مع كود :root جاهز للاستخدام مباشرة.

Color Wheel

HEX#050F2C
Opacity100%
H0
S0
L0
RGB0, 0, 0

إعدادات التوليد

16%
18%
100%
82%

Tints

Shades

Tones

Monochromatic

Complementary

Split Complementary

Analogous

Accented Analogic

Triadic

Square

Tetradic

Preview: Buttons
Primary
Primary Dark
Primary Light
Preview: Surface
Reverse Surface
Overlay Alpha
Preview: Scale
Primary 500
Primary 700
Primary 300

كود CSS النهائي (اضغط لنسخ)

تم النسخ