🎨

🌈

🟦

#

HSL

CSS

مولد متغيرات اللون الرئيسي

اختيار اللون الأساسي من عجلة الألوان + قوانين التناغم (أحادي، ثلاثي، تكميلي...) ثم توليد متغيرات CSS الجاهزة بنفس التنسيق.

Color Wheel

HEX#050F2C

Opacity100%

H0

S0

L0

RGB0, 0, 0

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

اللون الرئيسي (HEX)

درجة التفتيح

16%

درجة التعتيم

18%

Opacity

100%

اسم متغير الخط

Tints

Shades

Tones

Monochromatic

Complementary

Split Complementary

Analogous

Accented Analogic

Triadic

Square

Tetradic

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

تم النسخ