එය මට දෙන වර්ණ කේත මොනවාද?

එකම වර්ණය සඳහා HEX, RGB, HSL, HSV, CMYK සහ OKLCH, පිටපත් කිරීමට සූදානම්.

මගේ තිරයෙන් වර්ණයක් තෝරාගත හැකිද?

ඔව්, Chrome සහ Edge වැනි Chromium පදනම් කරගත් බ්රවුසර වල Pick from screen සමඟ. ඔබේ බ්රවුසරය එයට සහාය නොදක්වන විට බොත්තම සැඟවේ.

වර්ණය මත පෙළ කියවිය හැකිදැයි එය පරීක්ෂා කරයිද?

ඔව්. එය සුදු සහ කළු වලට එරෙහිව WCAG වෙනස අනුපාතය පෙන්වා එය AA large, AA, AAA හෝ Fails ලෙස සලකුණු කරයි. එය අනුපූරක, ත්රිකෝණික, සමාන සහ ඒකවර්ණ වර්ණ ද යෝජනා කරයි.

මෙය සැබැවින්ම නොමිලේද?

ඔව්. සෑම මෙවලමක්ම ගිණුමක් හෝ ක්රෙඩිට් කාඩ්පතක් නොමැතිව නොමිලේ භාවිත කළ හැක. ක්රියාවලිය අපගේ සේවාදායක වෙනුවට ඔබගේම උපාංගය මත ක්රියාත්මක වන අතර, මෙය නොමිලේ පවත්වාගෙන යාමට හැකි වන්නේ එබැවිනි.

ජංගම දුරකථනයේ ක්රියා කරයිද?

ඔව්. එය iOS සහ Android හි වත්මන් ජංගම බ්රවුසරවල ක්රියා කරයි, කිසිවක් ස්ථාපනය කිරීම අවශ්ය නැත.

🎨

නොමිලේ වර්ණ තෝරනය සහ වර්ණ රටා උත්පාදකය

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

ඔබේ බ්‍රවුසරයේ ක්‍රියා කරයිලියාපදිංචි වීමක් නැත, පොප්-අප් නැතලොගිනය අවශ්‍ය නැතසදාකාලිකව නොමිලේ

load වූ පසු offline ක්‍රියා කරයි

වර්ණ තෝරනය

HEX

HSV

h217°

s76%

v96%

පැමිණුම් පමණක්

RGB

HSL

වැඩි ෙයformats

ඇල්ෆා100%

HEX8#3b82f6ff

RGBrgb(59 130 246)

HWBhwb(217 23% 4%)

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

OKLCHoklch(62.3% 0.188 259.8)

SwiftUIColor(red: 0.231, green: 0.510, blue: 0.965, alpha: 1)

Android0xFF3B82F6

FlutterColor(0xFF3B82F6)

WCAG ප්‍රතිවිරෝධතාව

ආසන්නම නම් කළ වර්ණය: dodgerblue · මෙහි කළු පෙළ කියවීමට පහසුය (5.71:1)

සුදු අතින් පෙළ3.68:1AA විශාල

කළු අතින් පෙළ5.71:1AA

#ffffff මත පෙළ3.68:1AA විශාල

වෙනත් වර්ණයක් සමඟ සසඳන්න

අඳුරු සහ ලා වර්ණ (50–950)

නම

වර්ණ රටාව

අනුපූරක

#3b82f6

#f6af3c

ත්‍රිකෝණීය

#3b82f6

#f63c83

#83f63c

අනුරූප

#3ce0f6

#3b82f6

#523cf6

ඒකවර්ණ

#073c92

#0a5adb

#3b82f6

#85b2f9

#cee0fd

පොදු භාවිත

වෙබ් සැකසුම් සඳහා වර්ණ පසුරුඔබේ වෙබ් අඩවිය සඳහා වර්ණ සඳහනු කරන්න සහ ජනකයි — HEX, RGB, සහ HSL අගතු සඳහනු කරන්න සහ සමග පට පුරක්කුඩු ලබා ගන්න.
ස්වාමිමය සඳහා වර්ණ පසුරුඔබේ ස්වාමිමය වර්ණ අරායි සෙවන්න — ප්‍රධාන, ද්විතීයික, සහ අවධාරණ වර්ණ සඳහනු කරන්න එක්ක වැඩ කරයි.
සමාජ මාධ්‍ය සඳහා වර්ණ පසුරුසමාජ මාධ්‍ය පිටපත්, කතා, සහ පැතිකඩ සැකසුම් සඳහා ඇස් බදින වර්ණ අරායි සෙවන්න.
මුද්‍රණ සැකසුම් සඳහා වර්ණ පසුරුමුද්‍රිත සිතුවිලිවල සඳහා වර්ණ සඳහනු කරන්න — ප්‍රකාශන, ගණන්, බ්‍රොසුරු — නිවැරදි වර්ණ පූර්වදර්ශන සහිතයි.
ඉදිරිපත් සඳහා වර්ණ පසුරුස්ලයිඩ් වර්ණ ස්කිම සැකසුම් කරන්න — තිරසර පාඨ වර්ණ, ප්‍රස්තාර අරායි, සහ අවසාන අවධාරණ වර්ණ සඳහනු කරන්න.

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

සියල්ල අතින් ලියන ලද පරිවර්තන ගණිතය භාවිතයෙන් කෙලින්ම ඔබේ බ්‍රවුසරයේ ක්‍රියාත්මක වේ — වර්ණ පුස්තකාලයක්, සර්වර round-trip එකක් නැත. ඔබ බ්‍රවුසරයේ native color input එකෙන් හෝ EyeDropper API එකෙන් වර්ණයක් තෝරන අතර, මෙවලම ක්ෂණිකව එය ආකෘති හයකට පරිවර්තනය කරන අතරම WCAG contrast අනුපාත ගණනය කර harmony palettes උත්පාදනය කරයි.

1
native API හරහා වර්ණ ආදානය
ඔබ බ්‍රවුසරයේ අභ්‍යන්තර <input type="color"> widget එකෙන් වර්ණයක් තෝරයි, හෝ — Chromium-පදනම් බ්‍රවුසර වල — EyeDropper API ඔබට ඔබේ තිරයේ ඕනෑම pixel එකක් sample කිරීමට ඉඩ දෙයි. මාර්ග දෙකම hex string එකක් ලබා දෙන අතර එය තනි සත්‍ය මූලාශ්‍රය බවට පත් වේ.
2
අතින් ලියන ලද ආකෘති පරිවර්තන
මෙවලම hex අගය එහිම ගණිත ශ්‍රිත (බාහිර පුස්තකාලයක් නොමැතිව) භාවිතයෙන් RGB, HSL, HSV, CMYK, සහ OKLCH වලට පරිවර්තනය කරයි. OKLCH පරිවර්තනය sRGB channels linearize කර, OKLab cube-root matrix යොදා, පසුව chroma සහ hue angle ලබා ගනී — නවීන CSS Color Level 4 ප්‍රතිදානයට ගැලපෙන ලෙස.
3
WCAG contrast අනුපාත ගණනය
Relative luminance WCAG 2.x සූත්‍රය භාවිතයෙන් linearized RGB channels වලින් ගණනය කෙරේ. පසුව මෙවලම pure white සහ pure black වලට එරෙහිව contrast අනුපාත ගණනය කර WCAG සීමා (3:1, 4.5:1, 7:1) අනුව AA-large, AA, AAA, හෝ Fail ලෙස ලේබල් කරයි.
4
Harmony palette උත්පාදනය සහ දේශීය සුරැකීම
Complementary, triadic, analogous, සහ monochromatic swatches HSL hue සහ lightness අගයන් ගණිතමය ලෙස rotate කිරීම හෝ step කිරීම මගින් ලබා ගැනේ. සුරැකූ palettes ඔබේ බ්‍රවුසරයේ localStorage වෙත ලියනු ලැබේ — කිසිවක් ඔබේ උපාංගයෙන් පිටතට නොයයි.

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

🎨

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

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

උත්සාහ කරන්න

🎨