مرکزی مواد پر جائیں

مفت رنگ منتخب کنندہ اور پیلیٹ جنریٹر

رنگ منتخب کریں، HEX/RGB/HSL کے درمیان تبدیل کریں اور ہم آہنگ پیلیٹ بنائیں۔

لوڈ ہونے کے بعد آف لائن کام کرتا ہے
HEX
HSV
h217°
s76%
v96%
صرف ڈسپلے کریں

RGB

r
g
b

HSL

H
S
L

مزید فارمیٹس

HEX8#3b82f6ff
RGBrgb(59 130 246)
HWBhwb(217 23% 4%)
CMYKcmyk(76%, 47%, 0%, 4%)
OKLCHoklch(62.3% 0.188 259.8)
SwiftUIColor(red: 0.231, green: 0.510, blue: 0.965, alpha: 1)
Android0xFF3B82F6
FlutterColor(0xFF3B82F6)

WCAG کنٹراسٹ

قریب ترین نام والا رنگ: dodgerblue · یہاں سیاہ متن پڑھنا آسان ہے (5.71:1)

سفید پر متن3.68:1AA بڑا
سیاہ پر متن5.71:1AA
#ffffff پر متن3.68:1AA بڑا

شیڈز اور ٹنٹس (50–950)

رنگ کا پیلیٹ

تکمیلی

#3b82f6
#f6af3c

سہ رنگی

#3b82f6
#f63c83
#83f63c

مماثل

#3ce0f6
#3b82f6
#523cf6

monochromatic

#073c92
#0a5adb
#3b82f6
#85b2f9
#cee0fd

عام استعمالات

  • ویب ڈیزائن کے لیے رنگ پکنے والااپنی ویب سائٹ کے لیے رنگ منتخب اور تیار کریں — HEX، RGB، اور HSL اقدار اور ہماہنگ پیلیٹس حاصل کریں۔
  • برانڈنگ کے لیے رنگ پکنے والااپنے برانڈ رنگ کے پیلیٹ کو بنائیں — بنیادی، ثانوی، اور زور کے رنگ منتخب کریں جو ایک ساتھ کام کریں۔
  • سوشل میڈیا کے لیے رنگ پکنے والاسوشل میڈیا پوسٹس، کہانیوں، اور پروفائل ڈیزائنوں کے لیے نیند لانے والے رنگ کے پیلیٹس بنائیں۔
  • پرنٹ ڈیزائن کے لیے رنگ پکنے والاچھپے ہوئے مواد کے لیے رنگ منتخب کریں — پرچے، بزنس کارڈز، بروشرز — درست رنگ کی پیش دیکھی کے ساتھ۔
  • پریزنٹیشنز کے لیے رنگ پکنے والاسلائڈ رنگ کی اسکیمز ڈیزائن کریں — قابل فہم متن رنگ، چارٹ پیلیٹس، اور مستقل زور کے شیڈز منتخب کریں۔

یہ کیسے کام کرتا ہے

سب کچھ ہاتھ سے لکھے تبدیلی کے حساب سے براہ راست آپ کے براؤزر میں چلتا ہے — نہ رنگی لائبریری، نہ سرور کا چکر۔ آپ براؤزر کے مقامی رنگ ان پٹ یا EyeDropper API سے رنگ منتخب کرتے ہیں، اور ٹول فوراً اسے چھ فارمیٹس میں بدلتا ہے اور ساتھ WCAG کنٹراسٹ تناسب نکالتا اور ہم آہنگ پیلیٹس بناتا ہے۔

  1. 1
    مقامی API کے ذریعے رنگ ان پٹ
    آپ براؤزر کے بلٹ اِن <input type="color"> ویجٹ سے رنگ منتخب کرتے ہیں، یا — Chromium پر مبنی براؤزرز میں — EyeDropper API آپ کو اسکرین کا کوئی بھی پکسل لینے دیتی ہے۔ دونوں راستے ایک ہیکس اسٹرنگ دیتے ہیں جو سچائی کا واحد ماخذ بنتی ہے۔
  2. 2
    ہاتھ سے لکھی فارمیٹ تبدیلیاں
    ٹول اپنے ریاضی فنکشنز سے (بغیر بیرونی لائبریری) ہیکس قدر کو RGB، HSL، HSV، CMYK اور OKLCH میں بدلتا ہے۔ OKLCH تبدیلی sRGB چینلز کو لکیری کرتی ہے، OKLab مکعب جذر میٹرکس لگاتی ہے، پھر chroma اور رنگت کا زاویہ نکالتی ہے — جدید CSS Color Level 4 آؤٹ پٹ کے مطابق۔
  3. 3
    WCAG کنٹراسٹ تناسب کا حساب
    Relative luminance لکیری RGB چینلز سے WCAG 2.x فارمولے کے ذریعے نکالی جاتی ہے۔ پھر ٹول خالص سفید اور خالص سیاہ کے مقابلے کنٹراسٹ تناسب نکال کر WCAG حدوں (3:1، 4.5:1، 7:1) کے مطابق انہیں AA-large، AA، AAA یا Fail کا لیبل دیتا ہے۔
  4. 4
    ہم آہنگ پیلیٹ بنانا اور مقامی طور پر محفوظ کرنا
    Complementary، triadic، analogous اور monochromatic نمونے HSL رنگت اور lightness قدروں کو ریاضیاتی طور پر گھما کر یا قدم بڑھا کر نکالے جاتے ہیں۔ محفوظ شدہ پیلیٹس آپ کے براؤزر کے localStorage میں لکھی جاتی ہیں — کچھ بھی آپ کے آلے سے باہر نہیں جاتا۔

متعلقہ ٹولز

اکثر پوچھے جانے والے سوالات