RGB HEX HSL فارمیٹس کے لیے HTML کلر چننے والا

آسانی سے اپنی ویب سائٹ کے لیے HTML CSS کلر کوڈز حاصل کریں، کلر فارمیٹ کو HEX، RGB، HSL، HSV کے درمیان تبدیل کریں۔

ایک رنگ منتخب کریں

رنگ کی قیمت درج کریں

یا HTML5 چننے والا استعمال کریں

Choose a color

منتخب کردہ رنگ

لال: 0
سبز: 255
نیلا: 255
HUE (ڈگری): 180
چمک: 0.7

Alpha: 1
Hex: #00ffff
RGB: rgb(0, 255, 255)
HSL: hsl(180, 100%, 50%)
رنگ گروپ: Cyan

شیئر کریں:

CSS3 کلر مثال


<style>
  div {
    color: #00ffff;
    color: rgb(0, 255, 255);
    color: hsl(180, 100%, 50%);
  }
</style>

سب سے گہرا اور ہلکا سٹائل


<style>
  .darken {
    color: rgb(0, 230, 230);
  }
  .lighten {
    color: rgb(25, 255, 255);
  }
</style>

HTML کلر کوڈ کیا ہے؟

HTML کلر کوڈز ویب ڈیزائن میں رنگوں کو مخصوص کرنے کا ایک طریقہ ہیں۔ یہ کوڈز HTML اور CSS میں عناصر کے رنگوں کو جیسے کہ متن، بیک گراؤنڈ، بارڈر وغیرہ کو مخصوص کرنے کے لیے استعمال ہوتے ہیں۔ HTML کلر کوڈز کی سمجھ رکھنے سے آپ کو بصری طور پر دلکش اور مستقل ویب صفحات بنانے میں مدد ملتی ہے۔

مثال کے طور پر، رنگ سرخ کو درج ذیل فارمیٹس میں شناخت کیا جا سکتا ہے:

HTML کلر کوڈز کی اقسام

ہیکساڈیسمل کلر کوڈز:

HTML اور CSS میں رنگوں کو مخصوص کرنے کا سب سے عام طریقہ ہیکساڈیسمل (hex) کلر کوڈز کا استعمال ہے۔ ایک ہیکساڈیسمل کلر کوڈ اعداد اور حروف کی چھ عددی ترکیب ہے جو اس کے سرخ، سبز، اور نیلے (RGB) اجزاء کے امتزاج سے مخصوص ہوتی ہے۔
فارمیٹ: #RRGGBB
مثال: #FF5733 ایک نارنجی شیڈ کی نمائندگی کرتا ہے۔
ہر جوڑے کی تعداد سرخ، سبز، اور نیلے کی شدت کی نمائندگی کرتی ہے، بالترتیب ایک پیمانے پر 00 (کوئی شدت نہیں) سے FF (مکمل شدت) تک۔

RGB کلر کوڈز:

RGB کلر کوڈز رنگوں کو ان کے سرخ، سبز اور نیلے اجزاء کی بنیاد پر مخصوص کرتے ہیں۔
فارمیٹ: rgb(سرخ، سبز، نیلا)
مثال: rgb(255, 87, 51) #FF5733 کا RGB متبادل ہے۔
ہر جزو (سرخ، سبز، اور نیلا) 0 سے 255 کے درمیان ایک نمبر کے طور پر مخصوص ہوتا ہے۔

RGBA کلر کوڈز:

RGB کی طرح، لیکن اس میں ایک الفا جزو بھی شامل ہوتا ہے جو شفافیت کے لیے ہوتا ہے۔
فارمیٹ: rgba(سرخ، سبز، نیلا، الفا)
مثال: rgba(255, 87, 51, 0.5) اسی رنگ کو 50% شفافیت کے ساتھ مخصوص کرتا ہے۔

HSL کلر کوڈز:

HSL کا مطلب ہے Hue، Saturation، اور Lightness۔
فارمیٹ: hsl(hue، saturation%، lightness%)
مثال: hsl(9، 100%، 60%) ایک اور طریقہ ہے #FF5733 رنگ کو مخصوص کرنے کا۔
Hue ایک رنگ پہیے پر ایک ڈگری ہے (سے 0 تک 360)، saturation ایک فیصد ہے (0% گریسکیل ہے، 100% مکمل رنگ ہے)، اور lightness بھی ایک فیصد ہے (0% سیاہ ہے، 100% سفید ہے)۔

HSLA کلر کوڈز:

HSL کی طرح، لیکن اس میں شفافیت کے لیے ایک الفا جزو بھی شامل ہوتا ہے۔
فارمیٹ: hsla(hue، saturation%، lightness%، الفا)
مثال: hsla(9، 100%، 60%، 0.5) اسی رنگ کو 50% شفافیت کے ساتھ مخصوص کرتا ہے۔

HTML کلر کوڈز کا استعمال:

HTML کلر کوڈز کو مختلف CSS خصوصیات میں استعمال کیا جا سکتا ہے تاکہ ویب عناصر کو سٹائل کیا جا سکے۔ مثال کے طور پر:

<style>
    .text-color {
        color: #FF5733;
    }
    .background-color {
        background-color: rgb(255, 87, 51);
    }
    .border-color {
        border: 2px solid hsl(9, 100%, 60%);
    }
</style>
<p class="text-color">This text is orange.</p>
<div class="background-color">This background is orange.</div>
<div class="border-color">This border is orange.</div>

اس مثال میں، متن، پس منظر، اور بارڈر کو مختلف اقسام کے HTML کلر کوڈز کا استعمال کرتے ہوئے سٹائل کیا گیا ہے، جو سب ایک ہی نارنجی شیڈ کی نمائندگی کرتے ہیں۔

HTML کلر کوڈز ویب ڈیزائن کا ایک بنیادی پہلو ہیں، جو ڈویلپرز کو رنگوں کی وضاحت اور ان میں تبدیلی کرنے کی اجازت دیتے ہیں درستگی کے ساتھ۔ ہیکساڈیسمل، RGB، RGBA، HSL، اور HSLA کلر کوڈز کی سمجھ کے ذریعے، آپ بصری طور پر ہم آہنگ اور دلکش ویب صفحات تخلیق کر سکتے ہیں جو صارف کے تجربے کو بہتر بناتے ہیں۔

تمام css کلر ناموں کو دیکھنے کے لیے، HTML کلر نام سیکشن دیکھیں۔
تمام رنگ گروپس کو دیکھنے کے لیے، رنگ گروپس سیکشن دیکھیں۔
کلر چارٹس دیکھنے کے لیے، HTML کلر چارٹس سیکشن دیکھیں۔
HTML کلرز کے بارے میں مزید پڑھنے کے لیے، ویکیپیڈیا پر ویب کلرز کے بارے میں ایک اچھی وسیلہ موجود ہے: https://en.wikipedia.org/wiki/Web_colors.