වර්ණ කවය. සිසිල් වර්ණ සංයෝජන වංචා පත්‍රය සුප්‍රසිද්ධ ගැමට් එකක් භාවිතා කරන්න

HTML පිටු නිර්මාණය සහ ගැළපෙන වර්ණ අවශ්‍ය අනෙකුත් කාර්යයන් සඳහා කුඩා, හැඩකාර සහ පිළිවෙලට වර්ණ තෝරකයක්.

මෙම වැඩසටහනට කළ හැකි දේ බලමු.

වර්ණ ලක්ෂ්ය සැකසුම

වැඩසටහනට ස්ථාපනය අවශ්‍ය නොවන බැවින්, ලේඛනාගාරය ඔබේ දෘඪ තැටියට සුරකින්න, පහසු ස්ථානයකට එය ඉවත් කර, ෆෝල්ඩරය විවෘත කර .exe දිගුව සමඟ ගොනුව ධාවනය කරන්න. පෙරනිමියෙන්, වැඩසටහන කුඩා බොත්තමක් ලෙස ආරම්භ වේ:

වැඩසටහන සමඟ වැඩ කිරීම

අපි මෙම නිරූපකය මත ක්ලික් කර වැඩසටහන් කවුළුව අප ඉදිරිපිට විවෘත වේ:

තිරය

මෙම පටිත්තෙහි, වැඩසටහන මඟින් ඔබට තිරයෙන් සෘජුවම ඕනෑම වර්ණයක් "ගන්න" ඉඩ සලසයි. එනම්, වැඩසටහන දියත් කරන අවස්ථාවේ දර්ශනය වූ තිරයේ ඕනෑම කොටසකින්. Select Area කවුළුවෙහි සම්පූර්ණ තිරය අඩු ප්‍රමාණයකින් පෙන්වයි.

ඔබ මෙම කවුළුවේ කිසියම් කොටසක් මත ක්ලික් කළහොත්, එය ඊළඟ කුඩා කවුළුවෙහි "වර්ණයක් තෝරන්න" දිස්වනු ඇත. මෙහිදී ඔබට දැනටමත් වඩාත් නිවැරදිව ඉලක්ක කර නිශ්චිත ස්ථානයක සිට වර්ණය ගත හැකිය.

මෙම කවුළුවේ දකුණු කොටසේ පසුරු පුවරුවට පිටපත් කිරීම සඳහා සහායක බොත්තම් ඇත, සහ බොත්තම් වලට පහළින් "නැවුම් කරන්න" (තිරයේ අන්තර්ගතය යාවත්කාලීන කරයි) සහ "අයදුම් කරන්න" (තෝරාගත් වර්ණය සුරකින අතර කවුළුව "තේරීම" වෙත මාරු කරයි. "පටිත්ත).

තෝරා ගැනීම

පහසු වර්ණ ගැලපීම සඳහා ප්රධාන මෙවලම් මෙන්න: "ටයිල්", "රවුම", "වෙබ්" සහ "වින්", අතිරේක ටැබ් භාවිතයෙන් මාරු කරනු ලැබේ.

මෙම මෙවලම් සමඟ වැඩ කිරීම අපහසු නැත. ඔබ කැමති වර්ණය මත ක්ලික් කරන්න, RGB ස්ලයිඩර් සමඟ එය සකසන්න (හෝ HSV - මෙම ආකෘතිය ඔබට සමීප නම්), එය ගැලපෙනවාද නැද්ද යන්න බලන්න.

ඔබ තෝරාගත් වර්ණයට කැමති නම්, ඔබට එහි කේතය "පෙළ නිරූපණය" රේඛාවෙන් පිටපත් කළ හැකිය. එපමණක් නොව, ලැයිස්තුව පුළුල් කිරීම සඳහා කුඩා ඊතලය ක්ලික් කිරීමෙන් කේතය ඕනෑම සම්මත ආකෘතියකින් තෝරා ගත හැකිය.

එසේම, ඉහළ දකුණු කෙළවරේ තෙවන වර්ණ කවුළුව වෙත අවධානය යොමු කරන්න. තෝරාගත් වර්ණයට (සිරස් තීරුව) අමතරව, තෝරාගත් වර්ණය සමඟ හොඳින් මුසු වන තවත් වර්ණ තුනක් පෙන්වයි.

මේ අනුව, මෙම වැඩසටහන වහාම සැලසුම් කරන ලද මෝස්තරයේ අනෙකුත් අංග සඳහා යෙදිය හැකි ගැලපෙන වර්ණ කිහිපයක් යෝජනා කරයි.

වැඩසටහනට විවිධ සහායක බොත්තම් රාශියක් ඇත. ඔවුන්ගේ අරමුණ සොයා ගැනීමට, මූසිකය සමඟ ඒවා මත සැරිසරන්න සහ වැඩසටහන් කවුළුවේ පතුලේ ඇති ඉඟි කියවන්න.

සැකසුම්

මෙහිදී ඔබට අකුරු වර්ගය සහ ප්‍රමාණය සහ වැඩසටහනේ සමහර රූපලාවන්‍ය ගුණාංග වැනි පරාමිති කිහිපයක් සකස් කළ හැකිය. ඔබ ""තිරය" ටැබයේ විවෘත කරන්න" සහ "කුඩා කවුළු ආකාරයෙන් ධාවනය කරන්න" යන කොටු ඉවත් කළහොත් වැඩසටහන සමඟ වැඩ කිරීම වඩාත් පහසු වනු ඇත.

වැඩසටහන ගැන

මෙම අවසාන පටිත්තෙහි, ඔබට සංවර්ධකයාගේ සම්බන්ධතා සොයා ගත හැකි අතර ඔහුගේ වෙබ් අඩවියට යාමෙන් වැඩසටහනේ නව අනුවාදයක් නිකුත් කර ඇත්දැයි බලන්න.

වැඩසටහනේ වාසි සහ අවාසි

• වර්ණ තෝරා ගැනීම සඳහා විවිධ මෙවලම් තිබේ (රවුම, උළු, ආදිය);
• වැඩසටහන් කවුළුව තිරයේ අනෙකුත් අංග වෙත සමීපව ගෙන යාමෙන් ඔබට පහසුවෙන් වර්ණ සංසන්දනය කිරීමට ඉඩ සලසයි;
• සියලුම බොත්තම් සඳහා ඉඟි ඇත.

• තරමක් උපක්‍රමශීලී අතුරු මුහුණතක්;
• ධාවනය අවම කර "තිරය" ටැබය මත ධාවනය ඉතා පහසු නොවේ (ඔබට එය සැකසීම් තුළ එය අක්රිය කළ හැකි වුවද);
• වැඩසටහන් කවුළුවේ වර්ණයට සෑම කෙනෙකුම කැමති නොවනු ඇත.

නිගමන

වැඩසටහන නොමිලේ එකක් සඳහා තරමක් බලවත් ය, වෙබ් අඩවියක් නිර්මාණය කිරීමේදී ඔබට පහසුවෙන් වර්ණ තෝරා ගැනීමට අවශ්‍ය සියල්ල පාහේ සපයයි. වැඩසටහන් කවුළුවේ වර්ණය වැනි සුළු අඩුපාඩු තිබේ (ලිලැක් - සෑම කෙනෙකුටම නොවේ), නමුත් ඔවුන් එය සමඟ වැඩ කිරීමට බාධා නොකරයි.

පී.එස්. මූලාශ්‍රයට විවෘත සක්‍රිය සබැඳියක් දක්වා ඇති අතර රුස්ලාන් බොග්ඩනොව්ගේ කර්තෘත්වය ආරක්ෂා කර ඇත්නම්, මෙම ලිපිය නිදහසේ පිටපත් කර උපුටා දැක්වීමට අවසර ඇත.

පී.පී.එස්. වැඩසටහන ඔබට සංකීර්ණ බවක් පෙනෙන්නට තිබේ නම්, සරල විකල්ප තිබේ:

වෙබ් නිර්මාණකරණයේදී වර්ණ විශාල කාර්යභාරයක් ඉටු කරයි. වෙබ් අඩවිය සඳහා වර්ණ පටිපාටිය නිවැරදිව තෝරා ගැනීම සඳහා, විශේෂ සේවාවන් තිබේ. සෑම වෙබ් නිර්මාණකරුවෙකුගේම පිටු සලකුණු වල අවම වශයෙන් එකක්වත් ඇති බව මට විශ්වාසයි.

සමහර විට ඔබ වාඩි වී, වෙබ් අඩවිය සඳහා ප්‍රධාන එකක් ලෙස තෝරා ගත යුතු නිල් පැහැය ගැන සිතන්න, ටිකක් සැහැල්ලු හෝ ටිකක් දීප්තිමත්, හෝ සමහර විට අඳුරු විය හැකිය ... තවද ඔබ තවමත් ඒ සඳහා අමතර ඒවා තෝරා ගත යුතුය. ඇත්ත වශයෙන්ම, ඔබට එය ඇසින් කළ හැකිය, නමුත් විශේෂ සේවාවන්ගෙන් එකක් භාවිතා කිරීම වඩා හොඳය.

මම වර්ණ න්‍යාය ගැන කතා නොකරමි (මෙය ඉතා විශාල තොරතුරු), නමුත් මගේ පිටු සලකුණු වල ඇති සහ මා භාවිතා කරන සේවාවන් මෙහි ප්‍රකාශයට පත් කරමි.

මම වසර ගණනාවක් තිස්සේ මෙම මෙවලම සමඟ මිතුරු වී සිටිමි. වර්ණ තෝරා ගැනීම සඳහා වඩාත් පහසු මෙවලම (මගේ මතය අනුව). එයට අමතර විශේෂාංග රාශියක් ඇත. උදාහරණයක් ලෙස, තෝරාගත් වර්ණ සහිත ආලෝකය සහ අඳුරු පිටුවක උදාහරණයක් ඔබට දැකිය හැකිය.

වර්ණ අන්ධභාවය සහ වෙනත් දෘශ්‍යාබාධිත පුද්ගලයින් ඔබේ වර්ණ පටිපාටිය දකින ආකාරය ඇගයීමට ලක් කළ හැකිය. ඔබට වෙබ් ආරක්ෂිත වර්ණ තෝරාගත හැක.

Adobe Kuler යනු මා නිතර භාවිතා කරන දෙවන වෙබ් මෙවලමයි. වර්ණ පටිපාටිය තෝරා ගැනීම පෙර වෙබ් අඩවියට සමාන වේ, නමුත් මම එයට කැමති වන්නේ ඒ සඳහා නොවේ. ඔබටම වර්ණ පටිපාටි නිර්මාණය කිරීමට අමතරව, ඔබට වෙනත් පුද්ගලයින් විසින් නිර්මාණය කරන ලද යෝජනා ක්‍රම බැලීමට සහ භාවිතා කිරීමට හැකිය.

මෙය සිදු කිරීම සඳහා, ඉහළ වම් මෙනුවේ "වොච්" බොත්තම ක්ලික් කරන්න. තවද ඔබ සියලු වර්ගවල වර්ණ සංයෝජනවල ගැලරිය දකිනු ඇත.

මෙම මෙවලම Colorscheme වලට තරමක් සමාන ය, නමුත් අඩු විශේෂාංග ඇත, නමුත් වර්ණ කුට්ටි පෙනෙන්නේ කෙසේදැයි බැලීමට හැකිය.

මම මෙම වෙබ් අඩවිය භාවිතා කරන්නේ නැති තරම්ය, නමුත් එය දැනටමත් මගේ පිටු සලකුණු වල ඇති බැවින්, මම එය එකතු කිරීමට තීරණය කළෙමි.

පහත අඩවි දෙක ඔබ කැමති රූපයකින් palette ජනනය කරයි. ඒක මායාවක් :)

ඔබ කැමති ඕනෑම පින්තූරයක් ඔබ කැමති වර්ණ තෝරන්න, සේවාව එය විශ්ලේෂණය කර ඔබට වර්ණ මාලාවක් ලබා දෙයි. මෙම අඩවි දෙක වෙනස් වන්නේ ඔවුන්ට පින්තූරයක් ලබා දෙන ආකාරය පමණි.

මෙම අඩවියට අවශ්‍යයි බාගතඔබේ පරිගණකයෙන් පින්තූරයක්.

ඉතා පහසු වර්ණ තේරීමක්. "කැමති - අකමැති" මූලධර්මය මත පදනම්ව.

flatcolors.net

නමට අනුව, මෙහි ඔබට දැන් නවීන, පැතලි මෝස්තරය සඳහා වර්ණ තෝරා ගත හැකිය. මෙම වෙබ් අඩවිය සිත්ගන්නා කරුණක් වන්නේ පැලට් එකක් තෝරා ගැනීමෙන් ඔබට එය Corel සහ Photoshop වැඩසටහන් සඳහා බාගත කළ හැකිය.

materialpalette.com

තවත් විලාසිතා ප්රවණතාවක් වන්නේ ද්රව්යමය නිර්මාණයයි. මෙම වෙබ් අඩවිය UI (පරිශීලක අතුරුමුහුණත) සඳහා වර්ණ සංයෝජන තෝරා ගැනීමට උපකාරී වේ. මීට අමතරව, වෙබ් අඩවියේ විශාල අයිකන කට්ටලයක් ඇත.

අවසාන වශයෙන්, පරිශීලක අතුරුමුහුණත නැවතත්. මෙය UI නිර්මාණය සඳහා වර්ණ කට්ටලයක් පමණි. ඕනෑම වර්ණයක් මත ක්ලික් කිරීමෙන්, යම් පසුබිමකට එරෙහිව සුදු අකුරු කියවන ආකාරය ඔබට දැක ගත හැකිය.

මේවා මගේ පිටු සලකුණු වල ඇති මෙවලම් වේ.

වෙබ් නිර්මාණ සඳහා ඔබ භාවිතා කරන වර්ණ ගැළපෙන වෙබ් අඩවි මොනවාදැයි අදහස් දැක්වීමේදී ලියන්න.

නිවැරදි වර්ණ සහිත වෙබ් අඩවියක් අවශ්‍යද? අපි එය කරමු :)

දෝෂයක් සොයා ගත්තාද?පෙළ කැබැල්ලක් උද්දීපනය කර ක්ලික් කරන්න CTRL + ENTER

වර්ණ යනු නිර්මාණකරුවෙකුගේ කාර්යයේ වැදගත්ම අංගයකි. නමුත් සංකල්පයක් ලෙස, එය ප්‍රගුණ කිරීම තරමක් අපහසු ය: බොහෝ palettes සංයෝජන නිසා වෙබ් පිටු සහ යෙදුම්වල අතුරු මුහුණත වඩාත් හොඳින් හැඩගස්වන්නේ කෙසේද යන්න තීරණය කිරීම දුෂ්කර කරයි. මීට පෙර, අපි තෝරා ගැනීමේ මෙවලම් පිළිබඳ සමාලෝචන ප්‍රකාශයට පත් කළෙමු. අද අපට අවශ්‍ය වන්නේ Nick Babich විසින් UX නිර්මාණකරුවන් සඳහා වන Essential Color Tools ලිපියේ පරිවර්තනයක් බ්ලොග් අඩවියේ පළ කිරීමෙන් මාතෘකාව පුළුල් කිරීමටයි.

මෙම සටහනෙහි වෙබ් අඩවි සහ UX නිර්මාණය සඳහා හොඳම වර්ණ ගැළපෙන සේවා ලැයිස්තුවක් අඩංගු වන අතර එමඟින් ඔබට බොහෝ කාලයක් ඉතිරි වේ. මෙම ව්යාපෘති හරහා, ඔබ ඉගෙන ගනු ඇත:

• ආශ්වාදයක් ලබා ගත යුත්තේ කොතැනින්ද;
• ඔබේම palette නිර්මාණය කරන්නේ කෙසේද;
• වර්ණ පෙනීමේ දුර්වලතා ඇති පුද්ගලයින්ට නිර්මාණය ප්‍රවේශ විය හැකි ආකාරය.

1. ආශ්වාදයක් සොයමින්

ස්වභාවධර්මයේ වර්ණ

ඔබ අවට ලෝකයෙන් අඳින්න. ඔබට අවශ්‍ය වන්නේ අවට බැලීම පමණි. විලාසිතා ඇඳුම්, පොත් කවර, අභ්‍යන්තර මෝස්තර... ඔබ වටා බොහෝ පුදුම දේවල් තිබේ. නමුත් හොඳම වර්ණ සංයෝජන ස්වභාව ධර්මයේ වර්ණ වේ. සුන්දර මොහොතක් ග්‍රහණය කර නිශ්චිත රූපයක් මත පදනම්ව ඔබේම තේරීමක් නිර්මාණය කිරීමට උත්සාහ කරන්න.

හොඳම වර්ණ සංයෝජන ස්වභාව ධර්මයේ දක්නට ලැබේ. ඔබට ඕනෑම ඡායාරූපයකින් වර්ණ පටිපාටියක් ලබා ගත හැකිය

Behance

ජනප්‍රිය සේවාවේ ඔබ ඔවුන්ගේ ක්ෂේත්‍රයේ සැබෑ වෘත්තිකයන්ගේ හොඳම මාර්ගගත කළඹ තුළ ඇතුළත් රසවත් කෘති සොයා ගනු ඇත. මෙම වෙබ් අඩවිය ද ආශ්වාදයේ විශිෂ්ට මූලාශ්‍රයකි. ව්‍යාපෘති සඳහා නව වටිනා උදාහරණ බැලීමට, ඔබට අවශ්‍ය වර්ණය තෝරන්න.

Dribbble වර්ණ

Dribbble යනු පරිශීලක අතුරුමුහුණතක් නිර්මාණය කිරීමේදී ප්‍රයෝජනවත් වන හොඳම එකකි. වෙනත් අය යම් වර්ණයක් භාවිතා කර ඇති ආකාරය දෘශ්‍යමය වශයෙන් තේරුම් ගැනීමට ඔබට අවශ්‍ය නම්, dribbble.com/colors වෙත ගොස් ඔබට අවශ්‍ය අගය ඇතුළත් කරන්න.

වෙබ් අඩවිය සඳහා වර්ණයක් තෝරාගැනීමේදී, මෙහි ඔබට එහි අවම ප්රතිශතය සැකසිය හැක - අත්හදා බැලීම, උදාහරණයක් ලෙස, 30% නිල් සැකසීමට උත්සාහ කරන්න.

Dribbble හි නිශ්චිත වර්ණයක අවම ප්‍රතිශතයක් සැකසීමට උත්සාහ කරන්න

නිර්මාණ ආශ්වාදයක්

Designspiration යනු මූලික වශයෙන් දැනටමත් වර්ණ සංයෝජන අදහස් ඇති සහ එවැනි සංයෝජන සඳහා උදාහරණ බැලීමට අවශ්‍ය අය සඳහා ප්‍රයෝජනවත් මෙවලමකි. විකල්ප 1 සිට 5 දක්වා තෝරන්න, සහ ඔබට නිශ්චිත පරාමිතිවලට ගැලපෙන පින්තූර සොයාගත හැකිය.

Designspiration හි ඔබට වර්ණ සංයෝජන පිළිබඳ විවිධ උදාහරණ සොයාගත හැකිය

Tineye Multicolr

Tineye Multicolr වර්ණ ගැලපුම් සේවාව සමඟ, ඔබට අවශ්‍ය රූප පරාසය තීරණය කළ හැකි අතර ඒවායින් එක් එක් ප්‍රතිශතය (අනුපාතය) පවා සැකසිය හැකිය. මෙම වෙබ් අඩවිය Flickr වෙතින් Creative Commons ඡායාරූප මිලියන 20 ක දත්ත සමුදායක් සමඟ ඒකාබද්ධ කර ඇත. මෙය නියත වශයෙන්ම පරිපූර්ණ palette සොයා ගැනීමට වේගවත්ම ක්රමවලින් එකකි.

Colorzilla

ColorZilla යනු Chrome සහ Mozilla Firefox බ්‍රව්සර්වල ස්ථාපනය සඳහා දිගුවකි. එයට අයිඩ්‍රොපර්, පැලට් බ්‍රවුස් කිරීම, නිර්මාණය සහ තවත් බොහෝ මෙවලම් ඇතුළත් වේ.

ColorZilla දිගුව Chrome සහ Firefox හි ඇත

ෂටර්ස්ටොක් වර්ණාවලිය

වර්ණ පටිපාටිය කෙබඳු වනු ඇත්ද යන්න පිළිබඳ අදහසක් ලබා ගැනීමට හොඳම ක්‍රමයක් නම් අනුරූප රූප බැලීමයි. වෙබ් අඩවි නිර්මාණ වර්ණ තේරීම් ලබා දෙන බොහෝ විසඳුම්වලට මෙම විශේෂාංගය ඇතුළත් වේ, නමුත් Shutterstock Spectrum සතුව ඇදහිය නොහැකි තරම් පරිශීලක-හිතකාමී අතුරු මුහුණතක් සහ පෙරදසුනක් ඇත.

එපමණක් නොව, ඔබට දායකත්වයක් අවශ්‍ය නොවේ, මන්ද පින්තූරයේ මූලික තක්සේරුවක් ප්‍රමාණවත් වනු ඇත (එය "ජල සලකුණක්" තිබියදීත්).

W3 පාසල්

මෑතකදී, බ්ලොග් අඩවියක් W3Schools වෙතින් තේරීමක් සමාලෝචනය කරන ලදී. මාතෘකාව පිළිබඳ බොහෝ තොරතුරු තිබේ, ඒවායේ නම් / වර්ණ කේත, පැලට් සංයෝජන න්‍යාය සහ විවිධ ආකෘති විස්තරයකින් අවසන් වේ: HEX, RGB, CMYK, HWB යනාදිය. ඔබට සරල ජනක යන්ත්‍ර, පරිවර්තක ද සොයාගත හැකිය. සහ සමාන "කුඩා සේවා". පොදුවේ ගත් කල, බැලීමට සිත්ගන්නා සුළුය.

2. වර්ණ තට්ටුවක් සාදන්න

ද්රව්ය නිර්මාණ වර්ණ මෙවලම

ද්‍රව්‍ය නිර්මාණ වර්ණ මෙවලම් අඩවියේ වර්ණ තෝරා ගැනීමේ සේවාව ඔබට ඔබේ තේරීම් සඳහා වර්ණ පටිපාටි නිර්මාණය කිරීමට, බෙදා ගැනීමට සහ පෙරදසුන් කිරීමට ඉඩ සලසයි. එහි ප්‍රයෝජනවත් කාර්යයක් වන්නේ ඕනෑම වර්ණ සංයෝජනයක ප්‍රවේශ්‍යතා මට්ටම මැනීමයි.

සිසිල් කරන්නන්

Coolors යනු බහු-වර්ණ තලයක් නිර්මාණය කිරීමේ වෙබ් අඩවියකි. නිශ්චිත වර්ණයක් සවි කර ස්පේස් බාර් එක ඔබන්න. මෙවලම ද හොඳ ය, ඔබට ප්‍රතිඵල එකකට වඩා ලැබෙනු ඇත, නමුත් ආරම්භක දත්ත පමණක් වෙනස් කිරීමෙන් ඔබට විකල්ප කිහිපයක් ජනනය කළ හැකිය.

ඡායාරූපය මත පදනම්ව Coolors හි වර්ණ පටිපාටිය

Adobe Color CC

වර්ණ ගැළපෙන සේවාව Adobe Color CC (කලින් Kuler) දැන් ඉතා ජනප්‍රියයි. එය අන්තර්ජාලයේ නොමිලේ ලබා ගත හැකි නමුත් විස්තර කිරීමේ අනුවාදයක් ද ඇත. මෙම වෙබ් යෙදුම සමඟ, ඔබ වර්ණ රෝදය භාවිතයෙන් ඔබේ palette සාදනු ඇත:

නැතහොත් නිමි රූපයෙන් ඔබට නිශ්චිත ප්‍රතිඵලයක් ලබා ගත හැක:

පින්තූරයට අනුව වෙබ් අඩවිය සඳහා වර්ණ තෝරා ගැනීම

මෙහි සූදානම් කළ සංයෝජන සිය ගණනක් ඇත, ඒවා "වොච්" කොටසේ බලන්න:

ඔබ ඩෙස්ක්ටොප් අනුවාදය භාවිතා කරන්නේ නම්, ඔබ විසින් නිර්මාණය කරන ලද වර්ණ පද්ධතිය InDesign, Photoshop සහ Illustrator වෙත එක් ක්ලික් කිරීමකින් අපනයනය කළ හැකිය.

palette

මෙම මෝස්තර බොහෝ දුරට සමාන බැවින් එය බොහෝ විට පෙර Adobe Color CC සමඟ සංසන්දනය කරයි. එකම වෙනස වන්නේ Paletton හි ඔබ විකල්ප පහකට සීමා නොවී, නමුත් ඔබට අතිරේක අතුරු මුහුණත් නාද සමඟ අත්හදා බැලිය හැකිය.

ඊට අමතරව, ඔබට බැලිය හැකිය. අන් අය සමඟ එක්ව, ඔබගේ ස්මාර්ට් ජංගම දුරකථනය භාවිතයෙන් ඕනෑම තැනක වැඩ කිරීමට යෙදුම ඔබට ඉඩ සලසයි. වර්ණ පුවරු සෘජුවම නිර්මාණය කිරීමට / අපනයනය කිරීමට අමතරව, මෙහිදී ඔබට පින්තූරවලින් ඇතැම් වර්ණ තෝරා ගැනීමට හෝ මූලික විකල්ප භාවිතා කළ හැකිය.

3. palette වෙත ප්‍රවේශ විය හැකි කිරීම

වර්තමානයේ, වර්ණ සංජානන ආබාධ අප සිතනවාට වඩා බහුලව දක්නට ලැබේ. ලෝකයේ මිලියන 285 ක් පමණ ජනතාව පෙනීමේ ගැටළු වලට මුහුණ දෙති. ඔබ තෝරන එක එවැනි පරිශීලකයින්ට තිබේ දැයි ඔබ සැමවිටම පරීක්ෂා කළ යුතුය.

WebAIM වර්ණ පරස්පර පරීක්ෂක

සමහර නාද පරිපූර්ණ ලෙස එකිනෙකා සමඟ ඒකාබද්ධ වන අතර අනෙක් ඒවා සම්පූර්ණයෙන්ම ප්රතිවිරුද්ධ වේ. ව්‍යාපෘති විශාල සංඛ්‍යාවක් A / A පරීක්ෂණයෙන් සමත් නොවන අතර මෙය සත්‍යයකි. අතුරු මුහුණතේ දෘශ්‍ය සැලසුම සහ නාදවල වෙනස පරීක්ෂා කිරීම ඉතා වැදගත් වේ, විශේෂයෙන් පිටුවේ පෙළ විශාල ප්‍රමාණයක් තිබේ නම්. මෙම අරමුණු සඳහා, වෙබ් අඩවියේ වර්ණ තෝරා ගැනීමේදී භාවිතා කරන්න.

WebAIM වර්ණ පරස්පර පරීක්ෂක යනු ෂඩ් දශම අගයන් තුළ වර්ණ කේත පරීක්ෂා කරන වෙබ්-පාදක මෙවලමකි.

සිසිල් කරන්නන්

අපි දැනටමත් මෙම සේවාව ඉහත සඳහන් කර ඇත. වෙනත් දේ අතර, Coolors ඔබට වර්ණ අන්ධභාවය සඳහා ඔබේ නිර්මාණය කරන ලද palette පරීක්ෂා කිරීමට උපකාර කරයි.

යෝජනා ක්රමයක වර්ණ අන්ධභාවයේ වර්ගය

"සාමාන්‍ය" මාදිලිය වෙනුවට, ඔබට අනුකරණය කිරීමට අවශ්‍ය දෘෂ්ඨි ගැටලුවේ වර්ගය තෝරන්න. එහි ප්රතිඵලයක් වශයෙන්, ඇතැම් වර්ණ අතර වෙනස හඳුනා ගැනීමට නොහැකි පුද්ගලයෙකු ඔබේ නිර්මාණය දකින ආකාරය හරියටම තේරුම් ගනීවි.

ප්‍රොටනොමලි ඇති අයෙකු පැලට් එකක් දකින ආකාරය මෙයයි

Chrome සඳහා NoCoffee Vision Simulator

NoCoffee Vision Simulator වෙබ් අඩවියේ සහාය ඇතිව, වර්ණ අන්ධභාවය හෝ අඩු පෙනීම ඇති පුද්ගලයින් ඇතැම් වෙබ් පිටු දකින ආකාරය ඔබට දැක ගත හැක. උදාහරණයක් ලෙස, "වර්ණ ඌනතාවය" කොටසේ "Achromatopsia" විකල්පය සඳහන් කිරීමෙන්, ඔබට වෙබ් පිටුව අළු පැහැයෙන් පෙනෙනු ඇත.

Deuteranopia රෝගයෙන් පෙළෙන පුද්ගලයෙකුට CNN ව්‍යාපෘතියක් පෙනෙන්නේ මෙයයි

නිගමනය

ලිපියේ සඳහන් කර ඇති වෙබ් අඩවි සහ UX නිර්මාණය සඳහා වන සියලුම වර්ණ ගැළපෙන සේවාවන් ඔබට සිත්ගන්නාසුළු හා ඵලදායී පරාසයක් සෙවීමට නිසැකවම උපකාර වනු ඇත. නමුත් මතක තබා ගන්න, පුදුමාකාර පැලට් නිර්මාණය කරන්නේ කෙසේදැයි ඉගෙන ගැනීමට ඇති හොඳම ක්‍රමය නම් බොහෝ පුහුණුවීම් සහ අත්හදා බැලීම් කිරීමයි.

වෙබ් අඩවියක් සඳහා වර්ණ පටිපාටියක් තෝරා ගැනීම නිර්මාණ ක්‍රියාවලියේ වැදගත්ම පියවරකි. වර්ණ සංයෝජනයක් තෝරා ගැනීම තරමක් සංකීර්ණ හා නිර්මාණාත්මක ක්රියාවලියකි. වාසනාවකට මෙන්, නිවැරදි තේරීමක් කිරීම සඳහා සැලකිය යුතු සහායක් ලබා දිය හැකි බොහෝ සේවාවන් තිබේ.

මෙම දළ විශ්ලේෂණයේ සඳහන් සමහර සම්පත් ඔබට සූදානම් කළ වර්ණ පටිපාටි විශාල සංඛ්‍යාවක් තෝරා ගැනීමට ඉඩ සලසයි, අනෙක් ඒවා ඔබේම යෝජනා ක්‍රමය අන්තර්ක්‍රියාකාරීව ගොඩනගා ගැනීමට ඔබට ඉඩ සලසයි.

කුලර්

Adobe Kuler හි පෙර සාදන ලද වර්ණ පටිපාටි විශාල පුස්තකාලයක් අඩංගු වේ. ඔබට රූප සටහන අන්තර්ජාලයෙන් නැරඹීමට සහ Adobe Creative Suite නිෂ්පාදනවල භාවිතය සඳහා බාගත කළ හැක.

Color Lovers සතුව දැනට මිලියන 2කට ආසන්න පරිශීලකයින් විසින් නිර්මාණය කරන ලද වර්ණ පටිපාටි ඇත. ඔබට ඒවා දිනය, ශ්‍රේණිගත කිරීම, බැලීම් ගණන අනුව වර්ග කර බැලිය හැක.

ColoRotate සතුව කලින් සාදන ලද වර්ණ පටිපාටිවල පුස්තකාලයක් ඇත. එසේම ඔබට අද්විතීය 3D මෙවලම සමඟ ඔබේම යෝජනා ක්රමයක් නිර්මාණය කළ හැකිය. ColoRotate ප්ලගිනය භාවිතයෙන් වර්ණ පටිපාටිය Photoshop සහ Fireworks හි සෘජුවම භාවිතා කළ හැක.

වර්ණ යෝජනා ක්‍රම නිර්මාණකරු ඔබට වර්ණ යෝජනා ක්‍රමය (මොනෝ, අනුපූරක, ට්‍රයඩ්, ටෙට්‍රාඩ්, ඇනලොග්) තෝරා ගැනීමට ඉඩ සලසයි. එවිට වර්ණ සකස් කිරීමට සහ උදාහරණයක් මත යෝජනා ක්රමයේ බලපෑම දැකීමට හැකි වනු ඇත.

ColorSchemer සතුව පරිශීලකයන් විසින් නිර්මාණය කරන ලද වර්ණ පටිපාටි විශාල පුස්තකාලයක් ඇත. ඔබට ඒවා පළ කළ දිනය, ශ්‍රේණිගත කිරීම හෝ බාගැනීම් ගණන අනුව වර්ග කළ හැක.

Pictaculous යනු සරල මාර්ගගත වර්ණ යෝජනා ක්‍රම උත්පාදන මෙවලමකි. ඔබට රූපයක් උඩුගත කළ හැකි අතර සේවාව රූපය සමඟ භාවිතා කිරීමට රූප සටහනක් ජනනය කරයි.

වර්ණ ස්පීර්

Color Spire යනු භාවිතා කිරීමට ඉතා පහසු සේවාවකි. ඔබ මූලික වර්ණයක් තෝරා ගන්නා අතර එය වර්ණ පටිපාටියක් යෝජනා කරයි. ඔබට සරල සැකිල්ලක් මත යෝජනා ක්රමයේ පෙනුම ද දැකිය හැකිය.

වර්ණ ගැලපීම යනු හොඳ මෝස්තරයක් නිර්මාණය කිරීමේ ක්‍රියාවලියේ වැදගත්ම පියවරකි.

ඔබට පහසු කිරීම සඳහා, වර්ණ පටිපාටි නිර්මාණය කිරීම සඳහා හොඳම සේවාවන් තෝරාගැනීම සම්පාදනය කිරීමට අපි තීරණය කළා. ඔවුන් කාලය ඉතිරි කර ගැනීමට උපකාරී වනු ඇත, ඒ සමඟම යහපත් ප්රතිඵලය ලබා ගන්න.

01. Adobe Color CC

Adobe විසින් එහි Kuler ව්‍යාපෘතිය වර්ණ ලෙස නම් කර ඇත

ඔබ මෙම මෙවලම එහි පෙර නම වන Adobe Kuler මගින් හුරුපුරුදු විය හැකිය. කෙසේ වෙතත්, Adobe මෑතකදී එහි ජනප්‍රිය වෙබ් යෙදුම් වලින් එකක් Adobe Color CC නැවත නම් කරන ලදී.

විවිධ වර්ණ පටිපාටි තෝරා ගැනීමට, නිර්මාණය කිරීමට සහ සුරැකීමට එය ඔබට ඉඩ සලසයි, ඒ සෑම එකක්ම වර්ණ පහක් දක්වා අඩංගු විය හැකිය. මෙවලම බ්‍රවුසරයේ සහ ඩෙස්ක්ටොප් අනුවාද දෙකෙහිම පවතී. ඔබ ඩෙස්ක්ටොප් අනුවාදය භාවිතා කරන්නේ නම්, ඔබට වර්ණ පටිපාටිය කෙලින්ම Photoshop, Illustrator සහ InDesign වෙත අපනයනය කිරීමට හැකි වනු ඇත.

02. Mudcube වර්ණ ගෝලය

ඔබේ වර්ණ පටිපාටිය පිළිබඳව ඔබට විශ්වාසයක් නොමැති නම්, Mudcude සතුව කලින් සාදන ලද වත්කම්වල ගැලරිය ඇත.

Mudcube Color Sphere යනු නිර්මාණකරුවන් සඳහා ඉතා පහසු කුඩා සම්පතක් වන අතර එය තෝරාගත් වර්ණ සඳහා hex කේත ලබා දෙනවා පමණක් නොව, ඔබේම ව්‍යාපෘති සඳහා වර්ණ පටිපාටි නිර්මාණය කිරීමටද ඉඩ සලසයි. Mudcube සතුව ඔබට භාවිතා කළ හැකි සූදානම් කළ සම්පත් ගැලරියක් ඇති බව ද සඳහන් කිරීම වටී.

03. මගේ වර්ණ පරීක්ෂා කරන්න

සියලු DOM මූලද්‍රව්‍ය සඳහා පසුබිම සහ පෙරබිම් වර්ණ සංයෝජනය ඇගයීමට සහ ගැලපීමට මගේ වර්ණ විශේෂයෙන් නිර්මාණය කර ඇති බව පරීක්ෂා කරන්න. තවද මූලද්‍රව්‍ය එකිනෙකා සමඟ ප්‍රමාණවත් තරම් එකඟද යන්න සොයා බැලීම සඳහා. සියලුම පරීක්ෂණ ලෝක ව්‍යාප්ත වෙබ් සම්මේලනය (World Wide Web Consortium) විසින් නිර්දේශ කරන ලද ඇල්ගොරිතම මත පදනම් වේ. W3C).

04. වර්ණ යෙදුම

තෝරාගත් වර්ණවල RGB, HEX සහ HSLA අගයන් සොයා ගැනීමට යෙදුම ඔබට උපකාර කරයි

iOS මෙවලම වර්ණ යෙදුමවිශාල වර්ණ මාලාවක් භාවිතයෙන් ඔබට පහසුවෙන් සහ සරලව වර්ණ නිර්වචනය කිරීමට ඉඩ සලසයි. RGB, HEX සහ HSLA වර්ණවල අගයන් සොයා ගැනීමට මෙන්ම වෙබ් අඩවිය සඳහා ඔබේම වර්ණ පටිපාටි නිර්මාණය කිරීමට එය ඔබට ඉඩ සලසයි.

05. වර්ණ දඩයක්කාරයා

වර්ණ දඩයම්කරු තෝරාගත් රූපය මත පදනම්ව වර්ණ පටිපාටියක් ජනනය කරයි

මෙය ඉතා පහසු මෙවලමකි, විශේෂයෙන් ඔබට නිශ්චිත වර්ණයක් සොයා ගැනීමට අවශ්ය නම්. පින්තූරයක් තෝරා එය Color Hunter වෙත උඩුගත කරන්න. මෙවලම තෝරාගත් රූපය මත පදනම්ව වර්ණ මාලාවක් සාදනු ඇත. ඔබේම වර්ණ මෝස්තර නිර්මාණය කිරීම සඳහා මෙය විශිෂ්ට ක්රමයකි.

06. ටින් ඇස

ඔබට නිශ්චිත වර්ණයක් ලබා ගැනීමට අවශ්‍ය නම්, URL හි HEX අගය ඇතුළත් කරන්න

මෙම වෙබ් අඩවිය Flickr වෙතින් නිර්මාපකයින් විසින් ප්‍රවේශමෙන් තෝරාගත් Creative Commons බලපත්‍ර ගිවිසුමක් යටතේ නොමිලේ ලබා ගත හැකි පින්තූර මිලියන 10 ක දත්ත සමුදායක් භාවිතා කරයි. සුදුසු වර්ණ පටිපාටි ජනනය කිරීමට ඒවා භාවිතා කළ හැකිය.

07 වර්ණය

පහසු කුඩා වෙබ් යෙදුම. ඔබේ මූසිකය තිරය මත තබා, ඔබට අවශ්‍ය වර්ණය තීරණය කරන්න, ඉන්පසු සෙවන ලබා ගැනීමට ටිකක් අනුචලනය කරන්න. ඊට පසු, මෙවලම ඔබට ඔබේම ව්‍යාපෘතිවල භාවිතා කළ හැකි අවශ්‍ය සියලුම HEX කේත ලබා දෙනු ඇත. භාවිතා කිරීමට පහසුම මෙවලම් වලින් එකකි.

08 SpyColor.com

වර්ණ තොරතුරු සපයන නොමිලේ වර්ණ යෝජනා ක්‍රම උත්පාදකයක් සහ ඔබට එය ඕනෑම යෝජනා ක්‍රමයකට පරිවර්තනය කිරීමට ඉඩ සලසයි ( RGB, CMYKසහ වෙනත්). ට්‍රයැඩික්, ඒකවර්ණ සහ තවත් දේ ඇතුළුව විවිධ වර්ණ යෝජනා ක්‍රම මෙහි ඇත.

09.නිර්මාණ ආශ්වාදය

ඔබ සොයන HTML වර්ණ පටිපාටි නිවැරදිව සොයා ගැනීම පහසු කරවන පහසු සම්පූර්ණ පිටු තලයක් සමඟ Designspiration මත වර්ණ පහක් දක්වා තෝරා ගත හැක. එවිට වෙබ් අඩවිය සමාන වර්ණ සංයෝජනයක් භාවිතා කරන දත්ත සමුදායේ ඇති සියලුම පින්තූර සහිත පිටුවක් ජනනය කරයි. එය ඔබේම ව්‍යාපෘතිවල භාවිතා කළ හැකි HEX අගයන් ද ලබා දෙනු ඇත. තවද වෙබ් අඩවියේ එකතු කිරීම් වල පින්තූර සුරැකිය හැක.

10ColorExplorer

වර්ණ යෝජනා ක්‍රම සැලසුම් කිරීම, අභිරුචිකරණය සහ විශ්ලේෂණ සම්බන්ධ විශේෂාංග රාශියක් සපයන වඩාත්ම කල්පනාකාරී වෙබ් මෙවලම්වලින් එකකි. ඔබට තීරණය කිරීමට උපකාර වන මෙවලම් කිහිපයක් මෙන්න වර්ණ පටිපාටිවල WCAG වලංගුභාවය, මෙන්ම ඔබේම වර්ණ පුවරු ජනනය කරන්න.

11. Hex වර්ණ යෝජනා ක්රමය උත්පාදක යන්ත්රය

තනි තෝරාගත් පැහැයක් මත පදනම්ව වර්ණ සංයෝජන ජනනය කිරීම සඳහා පහසු කුඩා මෙවලමක්. වර්ණයෙහි හෙක්ස් අගය අලවන්න සහ මෙවලම මූලික වර්ණය සමඟ භාවිතා කිරීමට සුදුසු වර්ණ කට්ටලයක් ලබා දෙනු ඇත.

12. වර්ණ පෙම්වතුන්

COLOURlovers යනු වර්ණ පටිපාටි බෙදාගැනීමේ ප්‍රජාවකි. මෙහිදී ඔබට වෙනත් පරිශීලකයින්ගේ වර්ණ කට්ටල වලින් ආශ්වාදයක් ලබා ගත හැකිය, එසේම ඔබේම නිර්මාණය කර බෙදා ගන්න.

13. වර්ණ යෝජනා ක්රම නිර්මාණකරු

මෙම ඔන්ලයින් මෙවලම වර්ණ පටිපාටි උත්පාදනය කිරීමට සිත්ගන්නා ක්‍රම ඉදිරිපත් කරයි, ඒවායේ දීප්තිය සහ වෙනස සකස් කිරීමට ඔබට ඉඩ සලසයි. මෙහිදී ඔබට ඒකවර්ණ ඇතුළුව වර්ණ පටිපාටිවල ජනප්‍රිය ගණිතමය ආකෘති කිහිපයක් නිර්මාණය කළ හැකිය.

14. කෝපාසෝ

COLOURlovers වෙබ් අඩවියෙන් මෙවලම් වලින් එකක්. නමුත් COPASO විශේෂ අවධානයක් ලැබිය යුතු අතර, එය ඇදහිය නොහැකි සියල්ලෙන් එක විසඳුමක් වන අතර, වෙබ් අඩවිය සඳහා සූදානම් කළ වර්ණ පටිපාටි උත්පාදනය කිරීම පහසු කරයි. වර්ණ ගැලපීම සඳහා බොහෝ මෙවලම් ඇති අතර, ඒවා සියල්ලම පහසු සහ සරල අතුරු මුහුණතක තබා ඇත. මීට අමතරව, palettes වෙත සටහන් එකතු කළ හැකිය, පින්තූර උඩුගත කළ හැකිය, යනාදිය.

15. Colormod

Colourmod යනු ඔබ Windows හි Mac හෝ Konfabulator භාවිතා කළත්, විජට් ප්‍රදේශයෙන් තනි වර්ණ තෝරා ගැනීමට ඔබට ඉඩ සලසන මෘදුකාංගයකි. මෙය හරියටම වර්ණ පුවරු සමඟ වැඩ කිරීම සඳහා සරල මෙවලමක් නොවේ, නමුත් බර වැඩසටහන් බාගත කිරීමකින් තොරව ඉක්මනින් සහ පහසුවෙන් වර්ණ තීරණය කිරීමට ඔබට උපකාර කරනු ඇත.

16. ColorZilla

ColorZilla Chrome සහ Firefox යන දෙකටම තිබේ

මෙම ව්‍යාපෘතිය Firefox සඳහා ප්ලගිනයක් ලෙස ආරම්භ වූ නමුත් අද එය Google Chrome සඳහාද ඇත. ColorZilla යනු palette, css gradient generator සහ eyedropper ඇතුළුව වර්ණ සමඟ වැඩ කිරීම සඳහා මෙවලම් කිහිපයක් ඇතුළත් දිගුවකි.

17. Colormunki

Colormunki හි නිර්මාතෘවරුන්ගෙන් වර්ණ පටිපාටි තෝරා ගැනීම සඳහා පහසු සබැඳි මෙවලමක්. එය සමඟ, ඔබට ශිල්පීය ක්‍රම කිහිපයක් භාවිතා කරමින් Pantone මත පදනම් වූ සාම්පල වලින් ආකර්ශනීය වර්ණ පුවරු පහසුවෙන් නිර්මාණය කළ හැකිය.

18.colr.org

Colr.org මඟින් ඔබට ඕනෑම රූපයක වර්ණ පරාසය සැකසීමට ඉඩ සලසයි

මෙම මෙවලම ඔබට රූපයේ සවිස්තරාත්මක වර්ණ විශ්ලේෂණයක් සිදු කිරීමට ඉඩ සලසයි, සාමාන්යයෙන් වෙනත් මෙවලම්වල ස්වයංක්රීයව සිදු වේ. මෙය ඔබට වඩාත් සුදුසු වර්ණය තෝරා ගැනීමට ඉඩ සලසයි. එහි අතුරු මුහුණත වෙනත් යෙදුම්වල මෙන් හොඳින් සිතා බලා නොතිබුණද, මෙම මෙවලම දැන ගැනීමට අපි නිර්දේශ කරමු.

19. වර්ණ ග්‍රහණය

මෙම පහසු මෙවලම ඕනෑම රූපයකින් වර්ණ පුවරු නිර්මාණය කරයි. ඔබට විශ්ලේෂණය කිරීමට අවශ්‍ය රූපයේ ලිපිනය අලවන්න, එවිට සේවාව ස්වයංක්‍රීයව භාවිතා කරන වර්ණ පිළිබඳ තොරතුරු සහිත ත්‍රිමාණ ප්‍රස්ථාරයක් ජනනය කරයි. වෙබ් අඩවියක් සඳහා වර්ණ පටිපාටියක් තෝරා ගැනීම සඳහා මෙම යෙදුම හරියටම සුදුසු නැතත්, එය පින්තූර සහ ඒවායේ වර්ණ ලක්ෂණ අධ්යයනය කිරීමට භාවිතා කළ හැකිය.

20 වර්ණ බ්ලෙන්ඩරය

ColorBlender ගැලපෙන වර්ණ පහක palette ජනනය කරයි

ඔබට වර්ණය සකස් කිරීමට සහ නියම වේලාවට ගැලපෙන වර්ණ පහක් ලබා ගැනීමට ඉඩ සලසන සරලම මෙවලම් වලින් එකකි. ජනනය කරන ලද palette Photoshop හෝ Illustrator හි EPS ගොනුවක් ලෙස බාගත කළ හැක.

21. අළු බිට්

GrayBit ​​ඔබට වෙබ් අඩවි අළු පරිමාණයෙන් පෙනෙන්නේ කෙසේදැයි බැලීමට ඒවා විශ්ලේෂණය කිරීමට ඉඩ සලසයි

ඔබේ වෙබ් අඩවිය අළු පරිමාණයෙන් පෙනෙන්නේ කෙසේදැයි බැලීමට මෙම මෙවලම ඔබට උපකාර කරයි. ප්‍රතිවිරුද්ධව ගැටළු සහිත ප්‍රදේශ හඳුනා ගැනීමට ඔබට ඉඩ සලසන විශිෂ්ට සේවාවක්.

22. COLRD

ආශ්වාදයක් ලෙස හෝ වර්ණ පටිපාටි බෙදා ගැනීමට භාවිතා කළ හැකි මෙවලමක්. ඇත්ත වශයෙන්ම, මෙම සම්පත පරිපථ උත්පාදනය සඳහා උපකාර නොවනු ඇත, නමුත් එය අනිවාර්යයෙන්ම සැලකිල්ලට ගත යුතුය.

23 ෂටර්ස්ටොක් වර්ණාවලිය

වර්ණ සමතුලිතතාවය සහ දීප්තිය මගින් පින්තූර පෙරහන් කළ හැක

සමහර විට කොටස් රූප බැලීමෙන් වර්ණ පටිපාටියක් ගැලපෙන්නේ දැයි පරීක්ෂා කිරීම පහසුය. සියලුම ප්‍රධාන කොටස් සම්පත් පාහේ එවැනි මෙවලම් ලබා දෙයි, නමුත් Shutterstock Spectrum ඉතා පරිශීලක-හිතකාමී අතුරු මුහුණතක් ඇත. වර්ණය තීරණය කිරීමට ස්ලයිඩරය භාවිතා කිරීමෙන් පසු, ඔබට පින්තූරවල තේමාව තීරණය කරන මූල පද ඇතුළත් කළ හැකිය. ඊට අමතරව, ඔබට වර්ණ සමතුලිතතාවය සහ දීප්තිය අනුව පින්තූර පෙරීමට හැකිය.