ප්‍රධාන අන්තර්ගතයට පිවිසෙන්න
LibraTool logoLibraTool

නොමිලේ වර්ණ පරිවර්තකය

HEX, RGB, HSL, HSV සහ CMYK ආකෘති අතර වර්ණ ක්ෂණිකව පරිවර්තනය කරන්න. දීප්තිමත් ශ්‍රේණිය සහ පෙර-සකස් කළ swatches ඇතුළත් ය.

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 වෙනස්කම

සුදු පසුබිම සඳහා

2.49:1

අසාර්ථක

කළු පසුබිම සඳහා

8.44:1

AAA
🖨️ මුද්‍ර ඉඩතට: මෙම CMYK අගයන් (89%, 0%, 10%, 28%) සඳහා සැකසුවි sRGB→CMYK ආසන්නතා යොමු කිරීම. නිවැරදි මුද්‍ර වර්ණ සඳහා, ඔබගේ මුද්‍රණ යන්ත්‍රයේ ICC පිටපතක් හෝ මුද්‍ර ඔප්‍රැෂ්ටයක් භාවිතා කරන්න — තිරගත CMYK සෑම තීන්ත/කඩඩ ගැලපිය නොහැකි.

දීප්තිය මාපාංකය

එම ඡායාවට මාරු වීමට ඕනෑම නිදර්ශකයක් ක්ලික් කරන්න

පොදු භාවිත

  • Web design සඳහා colors convert කරන්නඕනෑම color සඳහා HEX, RGB සහ HSL values ලබා ගන්න - CSS හෝ Tailwind වෙතින් paste සඳහා සූදානම.
  • Printing (CMYK) සඳහා colors convert කරන්නscreen colors (HEX/RGB) printing design සහ professional printing භාවිතය සඳහා CMYK values වෙතින් convert කරන්න.
  • Design systems සඳහා Color Palettes තනන්නbrand colors සමස්ත formats මත convert කරන්න සහ සම්පූර්ණ design system සඳහා consistent lightness scales ස්වීකරණය කරන්න.
  • ප්‍රවේශ්‍යතා සඳහා වර්ණ සිතිතැබු පරිශීලනයසිතිතැබු අනුපාත ගබඩා භාවිතයට RGB සඳහන් ලබා ගැනීමට වර්ණ පරිවර්තනය කරන්න — ප්‍රවේශ්‍ය ගිණුම සඳහා WCAG අනුකූල।
  • Figma සඳහා වර්ණ පරිවර්තනයFigma වර්ණ තෝරා ගැනීම සහ ගිණුම ටුටන ක්‍රම වලට ලස්සු හෝ RGB සඳහන් ලබා ගන්න।

එය ක්‍රියා කරන්නේ කෙසේද

සියලුම පරිවර්තන logic අතින් ලියන ලද JavaScript ලෙස සම්පූර්ණයෙන්ම ඔබේ බ්‍රවුසරයේ ක්‍රියාත්මක වේ — පුස්තකාලයක්, සර්වර ඇමතුමක් නැත. මෙවලම ඔබේ ආදානය parse කර, එය pure ගණිත ශ්‍රිත දාමයක් හරහා මාර්ග ගත කර, නවීන CSS Color 4 spaces oklch() සහ lab() ඇතුළුව ප්‍රතිදාන ආකෘති එකොළහක් එකවර නිපදවයි.

  1. 1
    නම්‍යශීලී ආදාන විග්‍රහ කිරීම
    අභිරුචි parser එකක් hex (3, 4, 6, හෝ 8 digits), rgb()/rgba(), legacy comma syntax සහ නවීන space syntax දෙකෙහිම hsl()/hsla(), සහ නිරාවරණ සංඛ්‍යාත්මක triples පිළිගනී. Alpha අගයන් decimals හෝ percentages ලෙස ඕනෑම පරිවර්තනයක් ආරම්භ වීමට පෙර 0–1 පරාසයට සාමාන්‍යකරණය කෙරේ.
  2. 2
    RGB පරිවර්තන hub එක ලෙස
    පිළිගත් සෑම ආකෘතියක්ම ප්‍රථමයෙන් canonical RGB triplet එකකට විසඳනු ලැබේ. එම තනි නිරූපණයෙන් මෙවලම විහිදේ: HSL සහ HSV සම්මත min/max/chroma සූත්‍ර භාවිතා කරයි; CMYK key channel එක සොයා ලබා ගැනේ; perceptual-space ගණනයන්ට පෙර sRGB linearization (IEC 61966-2-1 හි අර්ථ දක්වා ඇති piecewise gamma curve) යොදනු ලැබේ.
  3. 3
    Perceptual වර්ණ අවකාශ මුල සිට ගණනය කෙරේ
    oklch() Björn Ottosson ගේ reference 3×3 matrices (LMS cube-root space) භාවිතයෙන් ගණනය කෙරේ. lab() සහ lch() D65 white point එකේ සිට D50 වෙත පරිවර්තනය කිරීමට Bradford chromatic adaptation භාවිතා කරයි, එය CSS Color 4 lab() අර්ථ දක්වන ආකාරයට ගැලපේ. මේවා බ්‍රවුසර rendering engines වල භාවිතා වන එකම සූත්‍ර වන අතර, කිසිදු බාහිර dependency එකකින් තොරව මෙහි implement කර ඇත.
  4. 4
    WCAG contrast සහ lightness scale
    Relative luminance WCAG 2.1 සූත්‍රය (linearized R, G, B 0.2126/0.7152/0.0722 ලෙස බර ගැසූ) අනුව ගණනය කර, සුදු සහ කළු වර්ණයට එරෙහි contrast අනුපාතය AA-large, AA, AAA, හෝ Fail ලෙස ශ්‍රේණිගත කෙරේ. lightness ස්ට්‍රිප් නවයක් HSL lightness channel එක 10% සිට 90% දක්වා පියවර තැබීමෙන් උත්පාදනය කෙරේ, ඔබට ඕනෑම swatch එකක් ක්ලික් කර එම tone එක පරිවර්තනය කිරීමට ඉඩ දෙයි.

සම්බන්ධ මෙවලම්

🎨

වර්ණ තෝරනය සහ වර්ණ රටා උත්පාදකය

වර්ණ තෝරන්න, HEX/RGB/HSL අතර පරිවර්තනය කරන්න, සහ සුසංහිත වර්ණ රටා සාදන්න.

උත්සාහ කරන්න
🎨

අහඹු වර්ණ උත්පාදකය

අහඹු වර්ණ එකින් එක හෝ පහේ සුවිශේෂ පැලට් එකක් ලෙස උත්පාදනය කරන්න, කැමති ඒවා අගුළු දමන්න, HEX, RGB හෝ HSL අගයන් පිටපත් කරන්න, පැලට් එක PNG හෝ CSS ලෙස අපනයනය කරන්න.

උත්සාහ කරන්න
🎨

වර්ණ palette සකසන්නා

ඕනෑම පාදක වර්ණයකින් අනුකූල, ප්‍රතිසමාන, ත්‍රිකෝණ, සහ ඒකවර්ණ palette සාදන්න. hex codes එක් ක්ලික් එකෙන් පිටපත් කරන්න.

උත්සාහ කරන්න

නිතර අසන ප්‍රශ්න