کوم رنګ کوډونه راکوي؟

HEX، RGB، HSL، HSV، CMYK او OKLCH د همدې رنګ لپاره، د کاپي کولو لپاره چمتو.

ایا له خپل سکرین څخه رنګ غوره کولی شم؟

هو، په Chromium پر بنسټ براوزرونو لکه Chrome او Edge کې د سکرین څخه غوره کول سره. کله چې ستاسو براوزر ملاتړ نه کوي تڼۍ پټه وي.

ایا ګوري چې متن په رنګ کې لوستلی شي؟

هو. دا د سپین او تور پر وړاندې د WCAG کنټراسټ تناسب ښیي او د AA لوی، AA، AAA یا ناکام په توګه یې نښه کوي. دا مکمل، دریګوني، ورته او یو رنګ رنګونه هم وړاندیز کوي.

آیا دا رنګ ټاکونکی او پالیټ جوړوونکی واقعیا وړیا ده؟

هو، په بشپړه توګه وړیا. هیڅ محدودیت، هیڅ ننوتل، هیڅ کریډیټ کارډ — هیڅکله.

آیا په موبایل کار کوي؟

هو — په بشپړه توګه په iOS او Android کې په ټولو عصري براوزرونو کې ازمایل شوی.

🎨

وړیا رنګ ټاکونکی او پالیټ جوړوونکی

رنګونه وټاکئ، د HEX/RGB/HSL ترمنځ بدل کړئ، او همغږي پالیټونه جوړ کړئ.

ستاسو په براوزر کې چلیږيهیڅ ثبت نوم، هیڅ پاپ-اپ نشتهننوتل اړین نه ديد تل لپاره وړیا

یو ځل چې لوډ شي آفلاین کار کوي

رنګ ټاکونکی

HEX

HSV

h217°

s76%

v96%

یوازې ښودل

RGB

HSL

نور فارمټونه

CMYKcmyk(76%, 47%, 0%, 4%)

OKLCHoklch(62.3% 0.188 259.8)

WCAG تضاد

متن په سپین رنګ باندې3.68:1AA لوی

متن په تور رنګ باندې5.71:1AA

د رنګ پالیټ

تکمیلي

#3b82f6

#f6af3c

ثلاثي

#3b82f6

#f63c83

#83f63c

ورته رنګونه

#3ce0f6

#3b82f6

#523cf6

یو رنګي

#073c92

#0a5adb

#3b82f6

#85b2f9

#cee0fd

دا څنګه کار کوي

هر څه مستقیم ستاسو براوزر کې د لاسي-لیکل شوي بدلون ریاضي سره چلیږي — هیڅ رنګ کتابتون، هیڅ سرور تللو-راتلو. تاسو د براوزر اصلي رنګ ننوت یا EyeDropper API له لارې یو رنګ وټاکئ، او وسیله یې سملاسي شپږ بڼو ته بدلوي پداسې حال کې چې WCAG کنتراست تناسبونه هم محاسبه کوي او همغږۍ پلیټونه جوړوي.

1
رنګ ننوت د اصلي API له لارې
تاسو یو رنګ د براوزر جوړ شوي <input type="color"> وسیلې له لارې ټاکئ، یا — Chromium-پر-بنسټ براوزرونو کې — EyeDropper API تاسو ته اجازه درکوي چې هر پکسل ستاسو پردې نه نمونه واخلئ. دواړه لارې یو هیکس متن بېرته کوي چې د واحد حقیقت سرچینه کیږي.
2
لاسي-لیکل شوي بڼه بدلونونه
وسیله هیکس ارزښت RGB، HSL، HSV، CMYK، او OKLCH ته د خپلو ریاضي فنکشنونو سره بدلوي (پرته د بهرني کتابتون نه). OKLCH بدلون sRGB چینلونه خطي کوي، OKLab مکعب-جذر میتریس پلي کوي، بیا chroma او رنګ زاویه اخلي — د عصري CSS Color Level 4 محصول سره سمون.
3
WCAG کنتراست تناسب محاسبه
نسبتي روښنایي د خطي‌شویو RGB چینلونو نه د WCAG 2.x فورمول سره محاسبه کیږي. وسیله بیا کنتراست تناسبونه د خالص سپین او خالص تور پر وړاندې محاسبه کوي او یې د WCAG حدونو (3:1، 4.5:1، 7:1) له مخې AA-large، AA، AAA، یا Fail لیبل کوي.
4
همغږۍ پلیټ جوړول او محلي خوندي کول
تکمیلي، ثلاثي، مشابه، او یورنګه رنګونه د HSL رنګ او روښنایي ارزښتونو ریاضي ډول چورلیدلو یا قدم اخیستلو سره اخیستل کیږي. خوندي شوي پلیټونه ستاسو براوزر کې localStorage ته لیکل کیږي — هیڅ شی ستاسو وسیله نه پریږدي.