အဓိကအကြောင်းအရာသို့ ကျော်သွားရန်
LibraTool logoLibraTool

အခမဲ့ အရောင်ပြောင်းလဲစက်

HEX, RGB, HSL, HSV နှင့် CMYK format အကြား အရောင်ကို ချက်ချင်း ပြောင်းပါ။ brightness scale နှင့် preset swatch များ ပါဝင်သည်。

Load ပြီးသည်နှင့် offline အလုပ်လုပ်သည်

အရောင်ကို HEX, RGB, HSL, HSV နှင့် CMYK အကြား ပြောင်းလဲခြင်း — တစ်ခြိုက်မှ ကူးယူနိုင်သည့် လည်ပတ်ထားသောမြင်တွေ့ခွင့်နှင့်အတူ။ အရာအားလုံးသည် သင့်ကွန်ပျူတာတွင် လည်ပတ်သည်။

လက်ခံ: HEX (#fff သို့မဟုတ် #ffffff), RGB (255, 255, 255), သို့မဟုတ် HSL (360, 100%, 50%)

100%
ကြိုတင်ချိန်ညှိချက်:
HEX#14B8A6
rgb() · ရှေးခေတ်rgb(20, 184, 166)
rgb() · ခေတ်သစ်rgb(20 184 166)
hsl() · ရှေးခေတ်hsl(173, 80%, 40%)
hsl() · ခေတ်သစ်hsl(173 80% 40%)
oklch()oklch(70.4% 0.123 182.5)
lab()lab(67.1% -42.9 -2.3)
lch()lch(67.1% 43.0 183.1)
hsv()hsv(173, 89%, 72%)
cmyk()cmyk(89%, 0%, 10%, 28%)
RGB တန်ဖိုးများ20, 184, 166

WCAG ကွဲပြားမှု

အဖြူရောင် နောက်ခံတွင်

၂.၄၉:1

ပျက်ကွက်သည်

အနက်ရောင် နောက်ခံတွင်

၈.၄၄:1

AAA
🖨️ ပုံနှိပ်ခြင်းအတွက်: ဤ CMYK တန်ဖိုးများ (89%, 0%, 10%, 28%) သည် စံ sRGB→CMYK အနီးစုံ ကိုးကားလဒ်ဖြစ်သည်။ တစ်ခြားတစ်ခြား ပုံနှိပ်ခြင်း အရောင်အတွက်၊ သင့်ရဲ့ ပုံနှိပ်စက်၏ ICC profile သို့မဟုတ် ပုံနှိပ်ထားသော အထောက်အထားကို သုံးပါ — screen CMYK သည် အဆီ/အId ထုတ်ခြင်းကို အားလုံး ကိုက်ညီ မည်သည့်အရာ မြှင့်တင်နိုင်ခဲ့သည်။

အလင်းကျစ်ဆင်းကြောင်း

swatch မည်သည်ကိုမဆို နှိပ်ပြီး ထိုအရိပ်သို့ ပြောင်းပါ

အသုံးများသော အသုံးပြုမှုများ

  • Web အုပ်စုံအတွက် အရောင်များ ပြောင်းလဲပါမည်သည့် အရောင်မျိုးမျိုးမျိုးမည့် HEX၊ RGB၊ နှင့် HSL လုံခြုံမှုများ ရယူပါ — CSS သို့မဟုတ် Tailwind ရှိ ကပ်ခွင်းအတွက် ပြင်ဆင်ပါ။
  • Printing (CMYK) အတွက် အရောင်များ ပြောင်းလဲပါကွန်ပျူတာမျက်နှာ အရောင်များ (HEX/RGB) printing အုပ်စုံ နှင့် ပရော်ဖက်ရှင်နယ်အတွက် CMYK လုံခြုံမှုများသို့ ပြောင်းလဲပါ။
  • Design Systems အတွက် အရောင်ပြစ်များ ဖန်တီးပါအုပ်စုံအရောင်များကို ဖွဲ့စည်းခွင်းများအဖြစ်ပြောင်းလဲပြီး အုပ်စုံအုပ်စုံ၏ အားလုံး သည့် ရှင်းလင်းမှုများ အီဒီယံများ ဖန်တီးပါ။
  • Accessibility ႏုံးႏုံးႏုံးႏုံးႏုံးႏုံးႏုံးႏုံးႏုံးႏုံးႏုံးႏုံး
  • Figma ႏုံးႏုံးႏုံးႏုံးႏုံးႏုံးႏုံးႏုံးႏုံးႏုံးႏုံးႏုံး

မည်သို့ အလုပ်လုပ်သည်

Conversion logic အားလုံးကို JavaScript ဖြင့် ကိုယ်တိုင်ရေးထားပြီး သင့် browser ထဲတွင် လုံးဝ လုပ်ဆောင်ပါသည် — library၊ server call မပါဝင်ပါ။ ကိရိယာသည် သင့် input ကို parse လုပ်ပြီး pure math function များ ကွင်းဆက်တစ်ခုမှတစ်ဆင့် ချမှတ်ကာ ခေတ်မီ CSS Color 4 space များဖြစ်သော oklch() နှင့် lab() အပါအဝင် output format ၁၁ မျိုးကို တစ်ပြိုင်နက် ထုတ်ပေးသည်။

  1. 1
    ပြောင်းလွယ်ပြင်လွယ် input parsing
    Custom parser တစ်ခုသည် hex (3, 4, 6 သို့မဟုတ် 8 digit)၊ rgb()/rgba()၊ legacy comma syntax နှင့် modern space syntax နှစ်မျိုးစလုံးဖြင့် hsl()/hsla()၊ ရိုးရိုးဂဏန်း triple များကို လက်ခံသည်။ Decimal သို့မဟုတ် ရာခိုင်နှုန်းအဖြစ် Alpha တန်ဖိုးများကို conversion မစတင်မီ 0–1 အပိုင်းအခြားသို့ normalize လုပ်သည်။
  2. 2
    Conversion hub အဖြစ် RGB
    လက်ခံထားသော format တိုင်းကို ဦးစွာ canonical RGB triplet သို့ ဖြေရှင်းသည်။ ထို representation တစ်ခုတည်းမှ ကိရိယာသည် ရှင်း၍ ထုတ်ပေးသည် — HSL နှင့် HSV သည် standard min/max/chroma ဖော်မြူလာများကို သုံးသည်၊ CMYK ကို key channel ရှာဖွေခြင်းဖြင့် ဆင်းသက်ပြီး sRGB linearization (IEC 61966-2-1 တွင် သတ်မှတ်ထားသော piecewise gamma curve) ကို perceptual-space တွက်ချက်မှုများမတိုင်ခင် အသုံးချသည်။
  3. 3
    Perceptual color space များကို အစအဆုံး တွက်ချက်ထားသည်
    oklch() ကို Björn Ottosson ၏ ကိုးကား 3×3 matrix (LMS cube-root space) ကို သုံး၍ တွက်ချက်သည်။ lab() နှင့် lch() သည် D65 white point မှ D50 သို့ ပြောင်းလဲရန် Bradford chromatic adaptation ကို သုံးသည်၊ ၎င်းသည် CSS Color 4 က lab() ကို သတ်မှတ်ပုံနှင့် ကိုက်ညီသည်။ ဤဖော်မြူလာများသည် browser rendering engine များတွင် သုံးသော ဖော်မြူလာများနှင့် အတူတူဖြစ်ပြီး ပြင်ပ dependency မပါဘဲ ဒီနေရာတွင် အကောင်အထည်ဖော်ထားသည်။
  4. 4
    WCAG contrast နှင့် lightness scale
    Relative luminance ကို WCAG 2.1 ဖော်မြူလာ (linearize လုပ်ထားသော R, G, B ကို 0.2126/0.7152/0.0722 ဖြင့် weight ချခြင်း) အရ တွက်ချက်ပြီး အဖြူရောင်နှင့် အမည်းရောင်နှင့် contrast ratio ကို AA-large၊ AA၊ AAA သို့မဟုတ် Fail ဟု အဆင့်သတ်မှတ်သည်။ HSL lightness channel ကို 10% မှ 90% အထိ အဆင့်ဆင့် တက်ခြင်းဖြင့် lightness strip ကိုးဆင့်ကို ဖန်တီးပြီး swatch မည်သည့်တစ်ခုကိုမဆို နှိပ်၍ ထိုအရောင်သို့ ပြောင်းနိုင်သည်။

ဆက်နွှယ်သော ကိရိယာများ

🎨

အရောင် ရွေးချယ်မှုနှင့် Palette ဂျင်နရေတာ

အရောင်များ ရွေးချယ်ပါ၊ HEX/RGB/HSL ကြားတွင် ပြောင်းလဲပါ၊ ကိုက်ညီသော palette များ ဖန်တီးပါ။

ကြိုးစားပါ
🎨

ကျပန်းအရောင်ထုတ်ပေးသူ

ကျပန်းအရောင်များကို တစ်ခုချင်း သို့မဟုတ် ငါးရောင်ပါ ပယ်လက်အဖြစ် ထုတ်ပါ၊ နှစ်သက်သောအရောင်များကို လော့ခ်ချပါ၊ HEX၊ RGB သို့မဟုတ် HSL တန်ဖိုးများကို ကူးပါ၊ ပယ်လက်ကို PNG သို့မဟုတ် CSS အဖြစ် ထုတ်ယူပါ။

ကြိုးစားပါ
🎨

အရောင်ပါလက်ထုတ်လုပ်စက်

မည်သည့် base color မဆို complementary, analogous, triadic နှင့် monochromatic color palette ဖန်တီးပါ။ တစ်ချက်နှိပ်ကာ hex code copy ပါ。

ကြိုးစားပါ

မကြာခဏ မေးလေ့မေးထရှိသော မေးခွန်းများ