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

වර්ණ කේත, වෙනස්කම්, සුසංයෝග ජනනය කරන්න, සහ ප්‍රතිවිරුද්ධ අනුපාත පරීක්ෂා කරන්න.

වර්ණ පරිවර්තනය

HEX

#def5ff

Pattens Blue

HEX
#def5ff
HSL
198, 100, 94
RGB
222, 245, 255
XYZ
81, 88, 107
CMYK
13, 4, 0, 0
LUV
95,3,-3
LAB
95, -6, -7
HWB
198, 87, 0

වෙනස්කම්

මෙම කොටසේ අරමුණ වන්නේ ඔබ තෝරාගත් වර්ණයෙහි ටින්ට් (පිරිසිදු සුදු එකතු කරන ලද) සහ සෙවන (පිරිසිදු කළු එකතු කරන ලද) 10% ක වර්ධක වලින් නිවැරදිව නිපදවීමයි.

වෘත්තීය ඉඟිය: හොවර් තත්ත්‍වයන් සහ සෙවනැලි සඳහා සෙවනැලි භාවිතා කරන්න, උද්දීපනයන් සහ පසුබිම් සඳහා ටින්ට් භාවිතා කරන්න.

සෙවනැලි

ඔබේ මූලික වර්ණයට කළු එකතු කිරීමෙන් නිර්මාණය කරන ලද අඳුරු වෙනස්කම්.

ටින්ට්

ඔබේ මූලික වර්ණයට සුදු පැහැය එකතු කිරීමෙන් නිර්මාණය කරන ලද සැහැල්ලු වෙනස්කම්.

පොදු භාවිත අවස්ථා

  • UI සංරචක තත්ත්වයන් (හොවර්, සක්‍රිය, අබල කර ඇත)
  • සෙවනැලි සහ උද්දීපනයන් සමඟ ගැඹුර නිර්මාණය කිරීම
  • ස්ථාවර වර්ණ පද්ධති ගොඩනැගීම

සැලසුම් පද්ධති ඉඟිය

මෙම වෙනස්කම් ඒකාබද්ධ වර්ණ මාලාවක පදනම සාදයි. ඔබේ මුළු ව්‍යාපෘතිය පුරාම අනුකූලතාව පවත්වා ගැනීම සඳහා ඒවා අපනයනය කරන්න.

වර්ණ සංයෝජන

සෑම සංහිඳියාවකටම තමන්ගේම මනෝභාවයක් ඇත. හොඳින් එකට ක්‍රියාත්මක වන වර්ණ සංයෝජන මොළය අවුල් කිරීමට සංහිඳියාවන් භාවිතා කරන්න.

භාවිතා කරන්නේ කෙසේද

ඕනෑම වර්ණයක ෂඩ් අගය පිටපත් කිරීමට එය මත ක්ලික් කරන්න. මෙම සංයෝජන දෘශ්‍ය සමගිය ඇති කරන බව ගණිතමය වශයෙන් ඔප්පු කර ඇත.

ඒක වැදගත් වෙන්නේ ඇයි?

වර්ණ සංහිඳියාවන් ඔබේ නිර්මාණවල සමබරතාවය ඇති කරන අතර නිශ්චිත හැඟීම් ඇති කරයි.

අනුපූරකය

වර්ණ රෝදයේ වර්ණයක් සහ එහි ප්‍රතිවිරුද්ධය, +180 අංශක පැහැයක්. ඉහළ වෙනස.

#def5ff
හොඳම දේ: ඉහළ බලපෑමක් ඇති නිර්මාණ, CTA, ලාංඡන

බෙදීම්-අනුපූරක

ප්‍රධාන වර්ණයට ප්‍රතිවිරුද්ධ අගයෙන් +/-30 අංශක පැහැයක් ගන්නා, එහි අනුපූරකයට යාබදව වර්ණයක් සහ දෙකක්. සෘජු අනුපූරකයක් මෙන් තද, නමුත් වඩාත් බහුකාර්ය.

හොඳම දේ: සජීවී නමුත් සමබර පිරිසැලසුම්

ත්‍රිත්ව

වර්ණ රෝදය දිගේ ඒකාකාරව පරතරයකින් යුත් වර්ණ තුනක්, එක් එක් වර්ණය අංශක 120 ක දුරකින් තබා ඇත. එක් වර්ණයක් ආධිපත්‍යය දැරීමට ඉඩ දී අනෙක් ඒවා උච්චාරණ ලෙස භාවිතා කිරීම වඩාත් සුදුසුය.

හොඳම දේ: සෙල්ලක්කාර, ජවසම්පන්න නිර්මාණ

සමාන

වර්ණ රෝදයට යාබදව අංශක 30 ක දුරින් පිහිටා ඇති වර්ණ සහිත එකම දීප්තියේ සහ සන්තෘප්තියේ වර්ණ තුනක්. සුමට සංක්‍රාන්ති.

හොඳම දේ: ස්වභාවධර්මයෙන් ආභාෂය ලැබූ, සන්සුන් අතුරුමුහුණත්

ඒකවර්ණ

+/-50% දීප්තියේ අගයන් සහිත එකම පැහැයේ වර්ණ තුනක්. සියුම් සහ පිරිපහදු කළ.

හොඳම දේ: අවම, නවීන නිර්මාණ

ටෙට්‍රාඩික්

වර්ණ අංශක 60 කින් වෙන් කරන ලද අනුපූරක වර්ණ කට්ටල දෙකක්.

හොඳම දේ: පොහොසත්, විවිධ වර්ණ පටිපාටි

වර්ණ සිද්ධාන්ත මූලධර්ම

ශේෂය

එක් ප්‍රමුඛ වර්ණයක් භාවිතා කරන්න, ද්විතියික වර්ණයක් සමඟ ආධාරකයක් යොදන්න, සහ උච්චාරණය අවම වශයෙන් භාවිතා කරන්න.

වෙනස

කියවීමේ හැකියාව සහ ප්‍රවේශ්‍යතාව සඳහා ප්‍රමාණවත් වෙනස සහතික කරන්න.

සමගිය

ඒකාබද්ධ දෘශ්‍ය අත්දැකීමක් නිර්මාණය කිරීම සඳහා වර්ණ එක්ව ක්‍රියා කළ යුතුය.

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

පෙළ කියවීමේ හැකියාව සඳහා WCAG ප්‍රවේශ්‍යතා ප්‍රමිතීන් සපුරාලීම සහතික කිරීම සඳහා වර්ණ සංයෝජන පරීක්ෂා කරන්න.

පෙළ වර්ණය
පසුබිම් වර්ණය
පරස්පරතාව
1.00
Fail
ඉතා දුප්පත්
කුඩා පෙළ
✖︎
විශාල පෙළ
✖︎
WCAG ප්‍රමිතීන්
AA:සාමාන්‍ය පෙළ සඳහා අවම ප්‍රතිවිරුද්ධ අනුපාතය 4.5:1 සහ විශාල පෙළ සඳහා 3:1. බොහෝ වෙබ් අඩවි සඳහා අවශ්‍ය වේ.
AAA:සාමාන්‍ය පෙළ සඳහා 7:1 සහ විශාල පෙළ සඳහා 4.5:1 ක වැඩිදියුණු කළ ප්‍රතිවිරුද්ධ අනුපාතය. ප්‍රශස්ත ප්‍රවේශ්‍යතාව සඳහා නිර්දේශ කෙරේ.
සියලුම පෙළ ප්‍රමාණ සඳහා දුර්වල වෙනස.

උසස් විභේදන පරීක්ෂකය

ස්ලයිඩර්, බහු පෙරදසුන් සහ තවත් දේ සමඟ සියුම් ලෙස සකස් කරන්න

හැමෝම දක්ෂයෝ. නමුත් ඔබ මාළුවෙකු ගසකට නැඟීමේ හැකියාවෙන් විනිශ්චය කළහොත්, එය මෝඩ යැයි විශ්වාස කරමින් මුළු ජීවිතයම ගත කරයි.

- Albert Einstein

තාක්ෂණික ආකෘති

ප්‍රායෝගික ආකෘති

වර්ණ විශ්ලේෂණය

අන්ධභාවය සිමියුලේටරය

නිර්මාණාත්මක අංශ