منتقي الألوان السداسية ومحولها (RGB، HSL، HSV)

قم بتحويل الشكل السداسي إلى RGB وHSL وHSV، وانسخ عينات التناغم، وقم بتصدير CSS أو JSON — مباشرة في متصفحك.

مطلوب جافا سكريبت للميزات التفاعلية. يرجى تمكين JavaScript في متصفحك لاستخدام هذه الأداة.

اللون السداسي

أدخل #RGB أو #RRGGBB (مع أو بدون #). تحافظ القيم غير الصالحة على آخر تحويل جيد.

التحويلات

HEX#3B82F6

RGBrgb(59, 130, 246)

HSLhsl(217.219, 91.2%, 59.8%)

HSVhsv(217.219, 76%, 96.5%)

عينات الوئام

نوع الوئام

عدد سواتش

شريط الصبغة/الظل

خطوات الصبغة/الظل

عينات التصدير

CSS

:root {
  --color-base: #3B82F6;
  --color-analogous-1: #3BF6AF;
  --color-analogous-2: #3BDFF6;
  --color-analogous-3: #3B82F6;
  --color-analogous-4: #513BF6;
  --color-analogous-5: #AF3BF6;
  --color-tint-shade-1: #000000;
  --color-tint-shade-2: #0A162B;
  --color-tint-shade-3: #142D55;
  --color-tint-shade-4: #1F4380;
  --color-tint-shade-5: #295AAA;
  --color-tint-shade-6: #3370D5;
  --color-tint-shade-7: #3D87FF;
}

JSON

{
  "baseHex": "#3B82F6",
  "harmony": "analogous",
  "harmonyCount": 5,
  "harmonySwatches": [
    "#3BF6AF",
    "#3BDFF6",
    "#3B82F6",
    "#513BF6",
    "#AF3BF6"
  ],
  "tintShadeStrip": [
    "#000000",
    "#0A162B",
    "#142D55",
    "#1F4380",
    "#295AAA",
    "#3370D5",
    "#3D87FF"
  ],
  "stripCount": 7
}

اختر أو الصق لونًا سداسيًا عشريًا، وقم بالتحويل إلى RGB وHSL وHSV، وقم بإنشاء عينات تكميلية/مشابهة/ثلاثية/أحادية اللون، ونسخ القيم، وتصدير CSS أو JSON. مجاني وسريع ويعمل بالكامل في متصفحك.

كيفية استخدام منتقي الألوان السداسي

اكتب قيمة سداسية عشرية أو الصقها، أو استخدم المنتقي الأصلي. تقوم الصفحة بتحويلها إلى RGB وHSL وHSV على الفور، وتنشئ عينات متناغمة وشريط صبغة/ظل، وتبقي كل شيء جاهزًا للنسخ. قم بمشاركة الإعداد الخاص بك باستخدام عنوان URL — حيث يتم تخزين الحالة في سلسلة الاستعلام.

مرجع Hex وRGB وHSL وHSV

Hex هو ترميز RGB مدمج. يصف RGB القنوات الحمراء/الخضراء/الزرقاء. يعبر HSL عن اللون والتشبع والخفة؛ يستخدم HSV اللون والتشبع والقيمة (السطوع). تستخدم هذه الأداة الرياضيات الحتمية في متصفحك، بدون تحميلات ولا واجهات برمجة تطبيقات خارجية.

التكميلية، المماثلة، الثلاثية، وأحادية اللون

التكميلي يدور هوى 180 درجة. يتم تلوين الخطوات المماثلة بزاوية ثابتة حول قاعدتك. يستخدم Triadic إزاحة 120 درجة. أحادي اللون يحمل اللون ويختلف في الإضاءة. تنطبق ضوابط العد على الأوضاع التناظرية وأحادية اللون.

متغيرات CSS وتصدير JSON

يُنتج التصدير: خصائص مخصصة جذرية بأسماء ثابتة (على سبيل المثال --color-base، --color-analogous-1) وJSON مع baseHex، ووضع التناغم، وقوائم العينات للبرامج النصية أو رموز التصميم.

الأسئلة المتداولة

هل يمتد #ABC إلى ستة أرقام؟

نعم. يتم توسيع الست عشري المكون من ثلاثة أرقام لكل زوج من الأرقام، لذلك يصبح #ABC #AABBCC.

ماذا يحدث إذا كان الرقم السداسي الخاص بي غير صالح؟

تشاهد خطأ مضمنة. يظل آخر لون صالح في صفوف التحويل والمنتقي والصادرات حتى تقوم بإدخال رقم سداسي عشري صالح مرة أخرى.

كيف يتم حساب الألوان المتناغمة؟

إنها حتمية: التكميلية هي تحول لوني بمقدار 180 درجة في HSL؛ يستخدم مماثل خطوات هوى ثابتة؛ يستخدم الثلاثي إزاحة 120 درجة؛ أحادي اللون يغير الخفة مع الحفاظ على اللون والتشبع من القاعدة.

ماذا يوجد في تصدير JSON؟

المفاتيح الثابتة: baseHex، وharmony، وharmonCount حيثما ينطبق ذلك، وharmonySwatches (سلاسل سداسية عشرية)، وtintShadeStrip، وstripCount - مناسبة للأدوات أو التوثيق.

هل يمكنني مشاركة الألوان الخاصة بي؟

نعم. يتم تحديث عنوان URL باستخدام الشكل السداسي ووضع التناغم والأعداد وحجم الشريط حتى تتمكن من وضع إشارة مرجعية على الإعداد الدقيق أو مشاركته.