تمام 140 معیاری CSS/HTML نامزد رنگوں کو ایک خوبصورت swatch grid میں براؤز کریں — نام یا hex سے تلاش کریں، رنگ کے خاندان کے مطابق filter کریں اور کسی بھی رنگ کی hex، rgb() یا hsl() قدر ایک کلک سے کاپی کریں۔ براؤزر میں، مفت۔

تمام 140 معیاری CSS/HTML نامزد رنگ، ان کی hex، RGB اور HSL قدروں کے ساتھ۔ سب کچھ آپ کے براؤزر میں ایک built-in حوالے سے چلتا ہے — سرور کو کچھ نہیں بھیجا جاتا۔

کوئی رنگ آپ کی تلاش سے مطابقت نہیں رکھتا۔
کوئی مختلف نام یا hex آزمائیں — مثال کے طور پر RebeccaPurple، #00FF00 یا teal۔

HTML رنگوں کے نام کے بارے میں

یہ ریفرنس تمام 140 معیاری CSS/HTML نامزد رنگ پیش کرتا ہے — مکمل فہرست جسے براؤزرز سمجھتے ہیں، AliceBlue سے YellowGreen تک — ایک ریسپانسیو سویچ گرڈ کے طور پر۔ ہر سویچ رنگ کو اس کے نام اور ہیکس ویلیو کے ساتھ دکھاتا ہے، اور کسی ایک پر کلک کرنے سے اس کی hex، rgb() اور hsl() شکلیں کھلتی ہیں، ہر ایک ایک کلک میں کاپی ایبل۔

آپ نام یا ہیکس ویلیو سے تلاش کر سکتے ہیں — Tomato اور #FF6347 ایک ہی سویچ تلاش کرتے ہیں — اور فیملی کے مطابق فلٹر کر سکتے ہیں: Reds، Pinks، Oranges، Yellows، Browns، Greens، Cyans، Blues، Purples، Whites، اور Grays & Blacks۔ فیملی ویو امیدواروں کی شارٹ لسٹ بنانے کا سب سے تیز طریقہ ہے جب آپ تقریباً وہ ہیو جانتے ہوں جو آپ چاہتے ہیں۔

نامزد رنگ پروٹو ٹائپس، کوڈ کی مثالوں، SVG فلز اور تدریس کے لیے مفید ہیں، کیونکہ RebeccaPurple جیسا نام ایک ہیکس ٹرپلٹ سے بہتر ارادہ بتاتا ہے۔ RGB اور HSL ویلیوز آپ کے براؤزر میں ہر رنگ کے ہیکس سے اخذ کی جاتی ہیں، اور آپ جو کچھ بھی تلاش کرتے ہیں وہ سرور کو نہیں بھیجا جاتا۔

HTML رنگوں کے نام استعمال کرنے کا طریقہ

  1. رنگ کے نام یا ہیکس ویلیو سے تلاش کریں — مثال کے طور پر Tomato، teal یا #00FF00۔
  2. ایک ہیو رینج میں رنگوں کی شارٹ لسٹ بنانے کے لیے فیملی سے فلٹر کریں — Reds، Blues، Grays وغیرہ۔
  3. اس کی ہیکس ویلیو فوری کاپی کرنے کے لیے کسی سویچ پر کلک کریں۔
  4. rgb() یا hsl() شکل کاپی کرنے کے بجائے سویچ پاپ اوور کھولیں۔

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

جدید CSS میں 140 معیاری نامزد رنگ ہیں، جو اصل 16 HTML رنگوں کو بڑی X11-مبنی فہرست کے ساتھ بڑھاتے ہیں۔ ہر موجودہ براؤزر ان سب کو، رنگ قبول کرنے والی کسی بھی پراپرٹی میں سپورٹ کرتا ہے۔

نہیں۔ tomato، Tomato اور TOMATO سب CSS اور HTML میں درست اور یکساں ہیں۔ یہاں دکھائی گئی camel-case شکلیں صرف روایتی ہجے ہیں جو LightGoldenrodYellow جیسے کثیر لفظی ناموں کو پڑھنے کے قابل بناتی ہیں۔

نام مثالوں، پروٹو ٹائپس اور یک بارگی لہجوں کے لیے بہترین ہیں؛ پروڈکشن پیلیٹس عام طور پر hex، rgb() یا hsl() ویلیوز کے ساتھ کسٹم پراپرٹیز میں رہتے ہیں، کیونکہ ڈیزائن سسٹم کے رنگ شاذ و نادر ہی کسی نامزد رنگ سے بالکل میچ کرتے ہیں۔ عملی طور پر، ایک نام اور اس کا ہیکس ایک دوسرے کے قابل تبادلہ ہیں۔

CSS gray اور اس کی مختلف حالتوں — gray/grey، darkgray/darkgrey وغیرہ — کے لیے دونوں ہجے شامل کرتا ہے، ہر جوڑے کو ایک ہی ویلیو سے میپ کرتے ہوئے، تو کوئی بھی ہجے غلط نہیں ہے۔

جی ہاں۔ تمام 140 سویچز، تلاش، فیملی فلٹرز، اور hex/rgb()/hsl() کاپی کرنا سب مفت ہیں اور مکمل طور پر آپ کے براؤزر میں چلتے ہیں۔

شیئر کریں
مدد چاہیے؟
اس ٹول میں کوئی مسئلہ ملا؟ ہماری ٹیم کو بتائیں۔
مسئلہ رپورٹ کریں

اس مفت ٹول کو اپنی ویب سائٹ پر شامل کریں — نیچے دیا گیا کوڈ کاپی اور پیسٹ کریں۔