kitzos

منتقي الألوان

اختر لوناً وحوّله بين صيغ HEX وRGB وHSL.

Color spaces

SpaceValue
HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
HSVhsv(217, 76%, 96%)
CMYKcmyk(76%, 47%, 0%, 4%)
Decimal (R, G, B)59, 130, 246

Quick palette

Shades & tints

طريقة الاستخدام

  1. 1

    اختر لوناً

    استخدم منتقي الألوان أو اكتب قيمة HEX لاختيار أي لون. تتحدّث جميع الصيغ في الوقت الفعلي.

  2. 2

    اعرض جميع الصيغ

    اطّلع على اللون بقيم HEX وRGB وHSL جنباً إلى جنب لسهولة المرجعية.

  3. 3

    انسخ أي صيغة

    انقر على زر النسخ بجانب HEX أو RGB أو HSL لنسخ تلك القيمة إلى الحافظة للاستخدام في CSS أو أدوات التصميم.

الأسئلة الشائعة

HEX يستخدم رمزاً سداسياً عشرياً من ستة أرقام (#RRGGBB). RGB يحدد قنوات الأحمر والأخضر والأزرق من 0–255. HSL يستخدم التدرج والتشبع والإضاءة، وهو أكثر بديهية للعديد من المصممين عند التعديل.

أدوات ذات صلة

مولّد رمز QR

أنشئ رموز QR من نص أو روابط. نزّلها بصيغة PNG أو SVG.

منسّق JSON

نسّق وتحقق من صحة JSON وصغّره مع رسائل خطأ واضحة.

مشفّر / فك تشفير Base64

شفّر وفك تشفير النص أو الصور إلى Base64. يعمل بالكامل دون اتصال.

محوّل الطوابع الزمنية

حوّل الطوابع الزمنية Unix إلى تواريخ والعكس. يدعم الثواني والميلي ثانية.

مولّد التجزئة

أنشئ تجزئات MD5 وSHA-1 وSHA-256 وSHA-512 من أي نص.

مولّد صورة OGجديد

أنشئ صور Open Graph 1200×630 للمشاركة على الشبكات الاجتماعية.

مولّد فافيكونجديد

ولّد أيقونات PNG بأحجام متعددة من صورة واحدة ونزّلها كملف ZIP.

مولّد باترن SVGجديد

أنشئ أنماط خلفية SVG متكررة وانسخ كود CSS جاهز.

مولّد ظل CSSجديد

صمّم ظلال box-shadow بمعاينة حية وانسخ الكود مباشرة.

مولّد توقيع شفافجديد

ارسم توقيعاً بخلفية شفافة ونزّله PNG للمستندات والنماذج.

مولّد لوحة ألوانجديد

ولّد تناسقات ألوان مكمّلة ومتجاورة وثلاثية من لون أساسي.

مولّد زجاجي CSSجديد

صمّم تأثير زجاجي ضبابي بمعاينة حية وانسخ كود CSS.