محول HEX ↔ RGB ↔ HSL

قم بتحويل الألوان بين HEX وRGB وHSL على الفور باستخدام عينة حية. قم بتحرير أي حقل - ويظل الآخرون متزامنين.

HEX ↔ RGB ↔ HSL Converter

Live

Picker / HEX

HEX

RGB

HSL

#C026D3

CSS output

/* HEX */ #c026d3
/* RGB */ rgb(192, 38, 211)
/* HSL */ hsl(292, 70%, 49%)

Text / on-page input

تعمل مولدات الألوان وCSS بالكامل في متصفحك. لا تقوم المعاينات والتحويلات أبدًا بتحميل أنماطك.

استخدم محول HEX ↔ RGB ↔ HSL وقتما تشاء: قم بتحويل الألوان بين HEX وRGB وHSL على الفور باستخدام عينة حية.

تحقق من وجود CSS منافس على صفحتك (إعادة التعيين، الألوان الموروثة). انسخ القاعدة التي تم إنشاؤها إلى ورقة أنماط معزولة أولاً.

لا. يتم تشغيل المولدات والمحولات في متصفحك من خلال المعاينة المباشرة.

لا، افتح الأداة، وقم بتعديل عناصر التحكم، وانسخ ملف CSS.

Check foreground/background contrast against WCAG AA and AAA guidelines.

Build linear, radial, and conic gradients with live preview and copy-ready CSS.

Design layered box-shadows with offset, blur, spread, and color — live preview included.