#FF69B4 · رنگ ڪوڊ جنريٽر ۽ پيڪر

    رنگ ڪوڊ، تبديليون، هم آهنگي پيدا ڪريو، ۽ تضاد جي تناسب کي چيڪ ڪريو.

    رنگ تبديلي

    HEX

    #ff69b4

    HEX
    #ff69b4
    HSL
    330, 100, 71
    RGB
    255, 105, 180
    XYZ
    55, 35, 47
    CMYK
    0, 59, 29, 0
    LUV
    65,108,-23
    LAB
    65, 64, -11
    HWB
    330, 41, 0

    تبديلون

    هن سيڪشن جو مقصد توهان جي چونڊيل رنگ جا ٽنٽس (خالص اڇو شامل) ۽ شيڊس (خالص ڪارو شامل) کي 10% اضافو سان صحيح طريقي سان پيدا ڪرڻ آهي.

    پرو ٽپ: هوور اسٽيٽس ۽ شيڊوز لاءِ شيڊس استعمال ڪريو، نمايان ۽ پس منظر لاءِ ٽنٽس استعمال ڪريو.

    شيڊس

    توهان جي بنيادي رنگ ۾ ڪارو شامل ڪرڻ سان ٺاهيل اونداهي تبديليون.

    ٽنٽس

    توهان جي بنيادي رنگ ۾ اڇو شامل ڪرڻ سان ٺاهيل هلڪي تبديليون.

    عام استعمال جا ڪيس

    • UI جزو اسٽيٽس (هوور، فعال، غير فعال)
    • شيڊوز ۽ نمايان سان کوٽائي پيدا ڪرڻ
    • مسلسل رنگ سسٽم ٺاهڻ

    ڊيزائن سسٽم ٽپ

    اهي تبديليون هڪ مربوط رنگ پيليٽ جو بنياد ٺاهين ٿيون. انهن کي برآمد ڪريو ته جيئن توهان جي سڄي منصوبي ۾ تسلسل برقرار رهي.

    رنگ جا ميلاپ

    هر هم آهنگي جو پنهنجو موڊ آهي. هم آهنگين کي استعمال ڪريو ته جيئن رنگن جا ميلاپ ٺاهڻ لاءِ جيڪي گڏجي سٺا لڳن.

    ڪيئن استعمال ڪجي

    ڪنهن به رنگ تي ڪلڪ ڪريو ان جي hex ويليو کي ڪاپي ڪرڻ لاءِ. اهي ميلاپ رياضي طور تي ثابت ٿيل آهن ته بصري هم آهنگي پيدا ڪن ٿا.

    اهو ڇو اهم آهي

    رنگ جون هم آهنگيون توازن پيدا ڪن ٿيون ۽ توهان جي ڊيزائن ۾ مخصوص جذبات کي اُڀارين ٿيون.

    تڪميل

    هڪ رنگ ۽ ان جي سامهون رنگ ڦيٿي تي، +180 درجا رنگ جو. اعلي تضاد.

    #ff69b4
    بهترين لاءِ: وڏي اثر واري ڊيزائن، CTAs، لوگو

    تقسيم-تڪميل

    هڪ رنگ ۽ ان جي تڪميل جي ويجهو ٻه، مکيه رنگ جي سامهون واري قيمت کان +/-30 درجا رنگ. سڌي تڪميل وانگر جرئت مند، پر وڌيڪ ورسٽائل.

    بهترين لاءِ: جيئرو پر متوازن ترتيبون

    ٽراڊڪ

    رنگ ڦيٿي تي هڪجهڙائي سان فاصلو رکندڙ ٽي رنگ، هر هڪ 120 درجا رنگ جي فاصلي تي. بهتر آهي ته هڪ رنگ کي غالب ٿيڻ ڏيو ۽ ٻين کي زور طور استعمال ڪريو.

    بهترين لاءِ: کيل، توانائي سان ڀرپور ڊيزائن

    مشابه

    ساڳئي روشني ۽ سنترپت سان ٽي رنگ جيڪي رنگ ڦيٿي تي ويجهو آهن، 30 درجا فاصلي تي. هموار منتقليون.

    بهترين لاءِ: قدرت کان متاثر، آرامده انٽرفيس

    مونوڪرومٽڪ

    ساڳئي رنگ جا ٽي رنگ جن جي روشني جي قيمتون +/-50% آهن. نفيس ۽ نفيس.

    بهترين لاءِ: منيمالسٽ، نفيس ڊيزائن

    ٽٽرڊڪ

    ٻه سيٽون مڪمل رنگن جون، جيڪي 60 درجا رنگ جي فرق سان جدا ٿيل آهن.

    بهترين لاءِ: امير، متنوع رنگ اسڪيم

    رنگ نظريو اصول

    توازن

    هڪ غالب رنگ استعمال ڪريو، ثانوي سان مدد ڪريو، ۽ ٿورو زور ڏيو.

    تضاد

    پڙهڻ جي قابليت ۽ رسائي لاءِ ڪافي تضاد کي يقيني بڻايو.

    هم آهنگي

    رنگ گڏجي ڪم ڪرڻ گهرجن ته جيئن هڪ متحد بصري تجربو پيدا ٿئي.

    رنگ تضاد چيڪر

    رنگن جي ميلاپ کي جانچيو ته جيئن WCAG رسائي جي معيارن کي پورو ڪن متن جي پڙھڻ جي قابليت لاءِ.

    متن جو رنگ
    پس منظر جو رنگ
    تضاد
    1.00
    Fail
    تمام خراب
    ننڍو متن
    ✖︎
    وڏو متن
    ✖︎
    WCAG معيار
    AA:معمولي لکت لاءِ گهٽ ۾ گهٽ تضاد شرح 4.5:1 ۽ وڏين لکت لاءِ 3:1. گھڻي ويب سائيٽن لاءِ ضروري.
    AAA:عام متن لاءِ وڌيل تضاد جو تناسب 7:1 ۽ وڏي متن لاءِ 4.5:1. بهترين رسائي لاءِ سفارش ڪئي وئي آهي.
    سڀني متن جي سائيزن لاءِ اڻپورو تضاد - WCAG معيارن ۾ ناڪام.

    ترقي يافته تضاد چيڪر

    سلائيڊرز سان ٺيڪ ڪريو، گھڻا پيش نظارا ۽ وڌيڪ

    هرڪو هڪ ذهين آهي. پر جيڪڏهن توهان مڇي کي ان جي وڻ تي چڙهڻ جي صلاحيت سان پرکيو ٿا، اهو پنهنجي سڄي زندگي اهو سمجهندي گذاريندو ته اهو بيوقوف آهي.

    - Albert Einstein

    ٽيڪنيڪل فارميٽس

    عملي فارميٽس

    رنگ جو تجزيو

    بلائنڊنس سيميوليٽر

    تخليقي پهلو