சீரற்ற வண்ண உருவாக்கி

ஒரே நேரத்தில் 50 சீரற்ற வண்ணங்கள் வரை உருவாக்கவும் — ஏதேனும் ஒரு வண்ணம், அல்லது பிரகாசமானவை, மென்மையானவை அல்லது இருண்டவை — ஒவ்வொன்றும் HEX, RGB அல்லது HSL குறியீடு மற்றும் மாறுபாட்டு பேட்ஜுடன் உலாவியில் உருவாகிறது.

தேர்ந்தெடுக்க 'உருவாக்கு' அழுத்தவும்
மேம்பட்ட விருப்பங்கள்
சாயல் (°)
செறிவூட்டல் (%)
வெளிச்சம் (%)

ஒரு மாதிரி வடிவமைப்பு, விளக்கப்படம் அல்லது வெற்றுப் பின்னணிக்கு ஒரு வண்ணம் தேவைப்படுகிறதா, வழக்கமான பழக்கத்தின் காரணமாக ஒன்றைத் தேர்ந்தெடுக்க விரும்பவில்லையா? இந்த இலவச சீரற்ற வண்ண உருவாக்கி, ஒரு திரை காட்டக்கூடிய முழுமையான 24-bit வரம்பிலிருந்து வண்ணங்களை எடுத்து, ஒவ்வொன்றையும் அதன் குறியீட்டிற்கு அருகில் உள்ள வண்ண மாதிரி மீது வைக்கிறது. “தேர்வுகளின் எண்ணிக்கை” புலத்தில் 1 முதல் 50 வரை உங்களுக்கு எத்தனை வண்ணங்கள் வேண்டும் என்பதைத் தேர்வுசெய்து, உங்களுக்குத் தேவையான வடிவங்களைக் குறியிட்டு, “உருவாக்கு” பொத்தானை அழுத்தவும். இந்தப் பக்கம் HEX வடிவில் ஒரே ஒரு வண்ணத்துடன் திறக்கிறது, எனவே முதல் முடிவு ஒரு கிளிக்கில் கிடைக்கும். “HEX குறியீடு” தேர்வுப்பெட்டி தொடக்கத்திலிருந்தே தேர்வு செய்யப்பட்டுள்ளது, “RGB குறியீடு” மற்றும “HSL குறியீடு” அதன் அருகில் உள்ளன, மேலும் இந்த மூன்றின் எந்தவொரு கலவையையும் ஒரே நேரத்தில் இயக்கலாம். “உருவாக்கு” பொத்தானுக்கு அருகில் உள்ள கியர் பொத்தான் “மேம்பட்ட விருப்பங்கள்” பகுதியைத் திறக்கிறது, அங்கு நீங்கள் வண்ணங்களை ஒரு குறிப்பிட்ட வகை அல்லது வரம்பிற்குள் மட்டுப்படுத்தலாம், நகல்களைத் தவிர்க்கலாம் மற்றும் HEX எழுதப்படும் முறையை மாற்றலாம்.

ஒவ்வொரு வண்ணமும் உங்கள் உலாவியில் Web Crypto API (crypto.getRandomValues) மூலம் உருவாக்கப்படுகிறது, இது Math.random() போன்ற போலி-சீரற்ற செயல்பாட்டைப் பயன்படுத்தாமல், உங்கள் கணினியின் சொந்த மூலத்திலிருந்து கிரிப்டோகிராஃபிக் முறையில் வலுவான சீரற்ற பைட்டுகளை வழங்குகிறது. திரையில் உள்ள ஒரு வண்ணம் மூன்று சேனல்களைக் கொண்டது — சிவப்பு, பச்சை மற்றும் நீலம் — ஒவ்வொன்றும் 0 முதல் 255 வரையிலான முழு எண், மேலும் ஒரு சீரற்ற பைட் சரியாக 256 மதிப்புகளில் ஒன்றை எடுக்க முடியும். எனவே ஒவ்வொரு சேனலும் இடைப்பட்ட படிகள் எதுவும் இல்லாமல் ஒரு பைட்டாகவே அமைகிறது: மீதி எதுவும் எடுக்கப்படுவதில்லை, மேலும் எந்த மாற்றும் படியினாலும் எந்த நிழலுக்கும் முன்னுரிமை அளிக்கப்படுவதில்லை. இது நீங்கள் “உருவாக்கு” பொத்தானை அழுத்தும் ஒவ்வொரு முறையும், இந்தப் பக்கம் உருவாக்கக்கூடிய அனைத்து 16,777,216 வண்ணங்களுக்கும் சமமான வாய்ப்பை அளிக்கிறது. “மேம்பட்ட விருப்பங்கள்” பகுதியில் ஒரு குறுகிய வரம்பைத் தேர்ந்தெடுப்பது அந்த வரம்பிற்குள்ளும் இந்த உத்தரவாதத்தைத் தக்கவைக்கிறது: முழு இடத்திலிருந்தும் வண்ணங்கள் எடுக்கப்பட்டு வெளியே விழும் வண்ணங்கள் ஒதுக்கப்படுகின்றன, எனவே வரம்பு அனுமதிக்கும் ஒவ்வொரு வண்ணத்திற்கும் அதே சம வாய்ப்பு உள்ளது. சேவையகத்திற்கு எதுவும் அனுப்பப்படுவதில்லை, எதுவும் பதிவு செய்யப்படுவதில்லை, மேலும் பக்கம் ஏற்றப்பட்டதும் இணைய இணைப்பு முடக்கப்பட்டாலும் தொடர்ந்து வேலை செய்யும்.

இந்த மூன்று வடிவங்களும் ஒரே வண்ணத்தை மூன்று வழிகளில் விவரிக்கின்றன. “HEX குறியீடு” வடிவம் என்பது CSS மற்றும் பெரும்பாலான வடிவமைப்பு கருவிகளில் பயன்படுத்தப்படும் #0778ff போன்ற ஆறு இலக்க வடிவமாகும்; இது சிறிய எழுத்துகளில் தொடக்கத்தில் # குறியீட்டுடன் எழுதப்படுகிறது, மேலும் “மேம்பட்ட விருப்பங்கள்” பிரிவில் உள்ள “பெரிய எழுத்துகள்” மற்றும் “# இல்லாமல்” மாற்றிகள் வேறுபட்ட அமைப்பை எதிர்பார்க்கும் கருவிகளுக்காக அதை மாற்றுகின்றன. “RGB குறியீடு” வடிவம் rgb(7, 120, 255) என மூன்று சேனல்களையும் தனித்தனியாகக் குறிப்பிடுகிறது, இது ஒவ்வொரு சேனலிலும் தனித்தனியாகச் செயல்படும் நிரல் குறியீடுகளுக்குப் பொருந்தும். “HSL குறியீடு” வடிவம் hsl(213, 100%, 51%) என சாயல், செறிவூட்டல் மற்றும் வெளிச்சம் மூலம் வண்ணத்தை விவரிக்கிறது, இது பின்னர் கையால் சரிசெய்ய மிகவும் எளிதான வடிவமாகும். இவை மூன்றும் நேரடியாக ஒரு ஸ்டைல்ஷீட்டில் ஒட்டப்படலாம். இருப்பினும், அவை ஒரே மாதிரியான துல்லியம் கொண்டவை அல்ல. HEX மற்றும் RGB துல்லியமானவை; HSL முழுமையாக்கப்பட்டது. இந்தப் பக்கம் சாயல், செறிவூட்டல் மற்றும் வெளிச்சத்தை முழு எண்களாக எழுதுகிறது, மேலும் சுமார் 89% வண்ணங்களுக்கு அந்த முழுமையாக்கப்பட்ட மதிப்பு மீண்டும் அதே துல்லியமான வண்ணமாக மாறுவதில்லை: #646503 என்பது hsl(61, 94%, 20%) எனக் காட்டப்படுகிறது, இது மீண்டும் #616303 ஆக மாறுகிறது. இந்த வேறுபாடு ஒரு சேனலில் 5 படிகளுக்கு மேல் இருப்பதில்லை, பொதுவாக 1 அல்லது 2 படிகளே ஆகும் — இது திரையில் கண்ணுக்குத் தெரியாது, ஆனால் நீங்கள் HSL மதிப்பைச் சேமித்து அசல் HEX மதிப்பை மீண்டும் எதிர்பார்க்கும்போது வெளிப்படும். எனவே நீங்கள் சேமிக்கும் மதிப்பாக HEX அல்லது RGB ஐ வைத்திருக்கவும்.

ஒரு ஒற்றை வண்ணம் முடிவின் நடுவில் ஒரு ஒற்றை சிப்பாகத் தோன்றும்; பல வண்ணங்கள் ஒரு எண்ணிடப்பட்ட பட்டியலாக, ஒரு வரிசைக்கு ஒரு வண்ணம் என, தேர்ந்தெடுக்கப்பட்ட வடிவங்கள் அருகருகே மற்றும் முடிவில் ஒரு சிறிய மாறுபாட்டு பேட்ஜுடன் தோன்றும். மூன்று வண்ணங்களுக்கு மேற்பட்ட பட்டியல் பெட்டியின் உள்ளே உருளும், மேலும் அதன் மூலையில் உள்ள அம்பு அதை முழு உயரத்திற்குத் திறக்கும்; நீங்கள் அதை எவ்வாறு விட்டுச் சென்றீர்கள் என்பதைப் பக்கம் நினைவில் கொள்கிறது. குறிப்பிட்ட குறியீட்டை மட்டும் நகலெடுக்க எந்தவொரு குறியீட்டையும் கிளிக் செய்யவும். ஒரு வரிசையின் முடிவில் உள்ள நகலெடுக்கும் பொத்தான் அந்த வண்ணத்திற்கான அனைத்து குறியீடுகளையும் இடைவெளியால் பிரிக்கப்பட்டு ஒரே வரியில் நகலெடுக்கிறது. வண்ண மாதிரி மீது கிளிக் செய்தால் உங்கள் உலாவியின் சொந்த வண்ணத் தேர்வி திறக்கும்: அங்கு வேறு வண்ணத்தைத் தேர்வுசெய்தால், அந்த வரிசையில் உள்ள ஒவ்வொரு குறியீடும் அதற்கேற்ப, நீங்கள் செயல்படுத்திய ஒவ்வொரு வடிவத்திலும் அதன் பேட்ஜுடன் மீண்டும் எழுதப்படும். “அனைத்தையும் நகலெடு” பொத்தான் ஒரு வரிக்கு ஒரு வண்ணம் என முழுத் தொகுப்பையும் நகலெடுக்கிறது, மேலும் “கோப்பில் சேமி” பொத்தான் அதே உரையை எளிய .txt கோப்பில் எழுதுகிறது; இரண்டும் நீங்கள் வண்ணத் தேர்வியில் மாற்றிய வண்ணத்தைப் பின்பற்றுகின்றன. “வரலாறு” பகுதி உங்கள் கடைசி 10 தொகுப்புகளை இந்த உலாவியிலேயே அவை உருவாக்கப்பட்டபடியே வைத்திருக்கிறது, மேலும் “அழி” பொத்தான் முடிவுகளை நீக்குகிறது. “மேம்பட்ட விருப்பங்கள்” பிரிவில் உள்ளவை உட்பட உங்கள் அமைப்புகள் அடுத்த வருகைக்காக நினைவில் வைக்கப்படும்.

சம வாய்ப்புள்ள வண்ணங்கள் சீராகப் பரவியதாகத் தெரிவதில்லை, மேலும் எதை எதிர்பார்க்க வேண்டும் என்பதை அறிவது தவறான காரணத்திற்காக “உருவாக்கு” பொத்தானை அழுத்துவதைத் தவிர்க்கிறது. முழு வரம்பிலும் அளவிடப்பட்டதில், சுமார் 35% வண்ணங்கள் பிரகாசமாகவும் செறிவாகவும் உள்ளன, குறைந்தபட்சம் 70% HSL செறிவூட்டல் மற்றும் 35% முதல் 65% வரையிலான வெளிச்சத்தைக் கொண்டுள்ளன. 20% க்கும் குறைவான செறிவூட்டல் கொண்ட சாம்பல் நிறத்திற்கு அருகிலுள்ள வண்ணங்கள் சுமார் 4% மட்டுமே, மற்றும் மிகவும் இருண்ட வண்ணங்கள் (20% க்கும் குறைவான வெளிச்சம்) மற்றும் மிகவும் வெளிச்சமானவை (80% க்கும் மேல்) ஒவ்வொன்றும் சுமார் 3% ஆகும். எனவே “அனைத்து வண்ணங்கள்” விருப்பத்திலிருந்து பெறப்படும் பத்து வண்ணங்களின் தொகுதி பொதுவாக பல வலுவான வண்ணங்களைக் கொண்டிருக்கும், பாஸ்டெல் அல்லது அடர் சாம்பல் நிறம் அரிதாகவே இருக்கும். உங்களுக்கு ஒரு குறிப்பிட்ட வகை தேவைப்படும்போது, அதை “வண்ண வகை” என்பதில் தேர்வு செய்யவும்: “பிரகாசமானவை” என்பது அந்த செறிவான குழுவை மட்டும் வைத்திருக்கிறது, மேலும் “மென்மையானவை”, “இருண்டவை”, “மங்கியவை” மற்றும் “சாம்பல் வண்ணங்கள்” ஆகியவை அவற்றின் வகைகளுக்கு இதையே செய்கின்றன. “தனிப்பயன்” விருப்பம் “சாயல்”, “செறிவூட்டல்” மற்றும் “வெளிச்சம்” ஆகியவற்றுக்கு உங்கள் சொந்த வரம்புகளை அமைக்க உதவுகிறது, மேலும் சாயல் வரம்பு 0 ஐக் கடந்து செல்லலாம், எனவே 330 முதல் 30 வரையிலான மதிப்பு சிவப்பு வண்ணங்களைத் தரும். பக்கம் காட்டும் HSL குறியீட்டிற்கு எதிராக வரம்பு சரிபார்க்கப்படுகிறது, எனவே எந்தக் குறியீடும் வெளியே போகாது, மேலும் “தேர்வுகளின் எண்ணிக்கை” மதிப்பிற்கு அது மிகக் குறைந்த வண்ணங்களைக் கொண்டிருந்தால், வண்ணங்களை மீண்டும் செய்வதற்குப் பதிலாக வரம்பை விரிவாக்குமாறு பக்கம் கேட்கும். மற்றபடி வண்ணங்கள் மீண்டும் வருவது அரிது: அதை முற்றிலுமாகத் தவிர்க்க “நகல்களைத் தவிர்க்கவும்” என்பதைத் தேர்வுசெய்யவும்; அது இல்லாமல் முழு வரம்பிலிருந்தும் வரும் 50 வண்ணங்களில் இரண்டு ஒரே மாதிரியாக இருப்பதற்கான வாய்ப்பு சுமார் 13,700 இல் 1 ஆகும்.

ஒரு சீரற்ற வண்ணம் பெரும்பாலும் பின்னணியாகத் தேவைப்படுகிறது, இது ஒரு வண்ண மாதிரி வெறும் கண்ணால் பதிலளிக்க முடியாத ஒரு கேள்வியை எழுப்புகிறது: அதன் மேல் உரை தெளிவாகப் படிக்க முடியுமா? வலை அணுகல்தன்மை வழிகாட்டுதலான WCAG, சாதாரண உரைக்கு குறைந்தபட்சம் 4.5:1 என்ற மாறுபாட்டு விகிதத்தைக் கேட்கிறது. இந்தப் பக்கம் உருவாக்கக்கூடிய ஒவ்வொரு வண்ணத்திலும் அளவிடப்பட்டதில், கருப்பு உரை சுமார் 65% வண்ணங்களிலும், வெள்ளை உரை சுமார் 36% வண்ணங்களிலும் அந்த அளவை எட்டுகிறது, மேலும் இரண்டுமே தோல்வியடையும் வண்ணம் எதுவும் இல்லை: இரண்டில் சிறந்த ஒன்று எப்போதும் குறைந்தபட்சம் 4.58:1 ஐ எட்டுகிறது. எனவே எந்தவொரு சீரற்ற பின்னணிக்கும், கருப்பு அல்லது வெள்ளை உரை படிக்கக்கூடியதாக இருக்கும், மேலும் எது என்பதை இந்தப் பக்கம் உங்களுக்குக் காட்டுகிறது. ஒவ்வொரு வண்ணமும் இரண்டில் சிறந்ததில் Aa என்று எழுதப்பட்ட ஒரு சிறிய பேட்ஜைக் கொண்டுள்ளது, அதைத் தொடர்ந்து அதன் மாறுபாட்டு விகிதம் இருக்கும். விகிதம் கீழ்நோக்கி முழு எண்ணாக்கப்படுகிறது, எனவே இது ஒரு வண்ணத்தை ஒருபோதும் மிகைப்படுத்திக் காட்டாது, மேலும் வண்ணத் தேர்வியில் வண்ணத்தை மாற்றும்போது இது புதுப்பிக்கப்படும். இந்த பேட்ஜ் கருப்பு மற்றும் வெள்ளை உரையை மட்டுமே ஒப்பிடுகிறது; ஒரு பிராண்ட் வண்ணம் அல்லது வேறு எந்த உரை வண்ணத்திற்கும், ஒரு மாறுபாட்டு சோதனையாளர் மூலம் அந்த ஜோடியைச் சோதிக்கவும்.

சீரற்ற தன்மை என்பது இணக்கம் அல்ல. ஒரு தொகுதியில் உள்ள ஒவ்வொரு வண்ணமும் மற்றவை பற்றிய அறிவு இல்லாமல் தனித்தனியாகத் தேர்ந்தெடுக்கப்படுகிறது, எனவே இந்த உருவாக்கி ஒரு வடிவமைப்பாளரின் பார்வையில் ஒரு வண்ணத் தட்டை ஒருபோதும் உருவாக்குவதில்லை — நிரப்பு வண்ண இணைகள் இல்லை, ஒத்த வண்ணத் தொடர்கள் இல்லை, பகிரப்பட்ட வெளிச்சம் இல்லை. ஒரு குறுகிய வரம்பு ஒரு தொகுதியின் தன்மையை மாற்றுகிறது, அந்த விதியை அல்ல: பாஸ்டெல்கள் அல்லது நீல வண்ணங்களின் வரிசை இன்னும் ஒன்றன் பின் ஒன்றாகவே வருகிறது, அவற்றுக்கிடையே எந்தப் பிணைப்பும் இல்லை. அதுவே இதன் நோக்கம்: நீங்கள் தேர்வு செய்யாத வண்ணத்தை இது உங்களுக்கு வழங்குகிறது, இதுவே பழக்கத்தையோ அல்லது ஆக்கப்பூர்வமான தடையையோ உடைக்கிறது. ஒரு சீரற்ற தேர்வினைப் பயனுள்ள ஒன்றாக மாற்ற, நீங்கள் விரும்பும் வண்ணத்தை வைத்துக்கொண்டு மற்ற வண்ணங்களை அதிலிருந்து பெறுங்கள், முழுத் தொகுப்பும் தற்செயலாகப் பொருந்தும் வரை “உருவாக்கு” பொத்தானை அழுத்துவதைத் தவிர்க்கவும். அதன் சாயலை அப்படியே வைத்துக்கொண்டு, இலகுவான மற்றும் இருண்ட மாறுபாடுகளுக்கு வெளிச்சத்தை மாற்றவும், அல்லது எதிர் வண்ணத்தைப் பெற சாயலை 180 டிகிரிகளுக்கு சுழற்றவும். “HSL குறியீடு” வடிவம் அந்த நகர்வுகளை வெறும் ஊகமாக இல்லாமல் கணிதக் கணக்கீடாக மாற்றுகிறது.

இந்த சீரற்ற வண்ண உருவாக்கயை ஏன் தேர்வு செய்ய வேண்டும்?

யாரும் ஒரு வண்ணத்தைத் தீர்மானிப்பதற்கு முன்பே ஒரு வண்ணம் தேவைப்படும் இடங்களில் சீரற்ற வண்ணங்கள் பயன்படுகின்றன. வடிவமைப்பாளர்கள் ஒரு படைப்புத் தடையை உடைக்கவும், அவர்களின் வழக்கமான வண்ணத் தட்டு ஒருபோதும் எட்டாத ஒரு தொடக்கப் புள்ளியைக் கண்டறியவும் அவற்றைப் பயன்படுத்துகின்றனர். டெவலப்பர்கள் மாதிரி வடிவமைப்புகள், ஒதுக்கிடங்கள் மற்றும் அவதார்களை நிரப்புகிறார்கள், உண்மையான தீம் இன்னும் தீர்மானிக்கப்படாத நிலையில் ஒரு விளக்கப்படத்தில் உள்ள ஒவ்வொரு தொடருக்கும் அதன் சொந்த வண்ணத்தைக் கொடுக்கிறார்கள், மேலும் ஒரு இடைமுகம் அது வடிவமைக்கப்படாத பின்னணிகளை எவ்வாறு கையாள்கிறது என்பதைச் சோதிக்கிறார்கள் — “அனைத்து வண்ணங்கள்” விருப்பத்திலிருந்து வரும் 50 வண்ணங்களின் தொகுப்பு எப்போதும் குறைந்தபட்சம் ஒரு மிகவும் இருண்ட அல்லது மிகவும் வெளிச்சமான வண்ணத்தைக் கொண்டிருக்கும், மேலும் இருண்டவை அல்லது மென்மையானவை என்பது சோதனையை ஒரு குறிப்பிட்ட முனையில் செலுத்துகிறது. தலைமுறை கலைஞர்கள் மற்றும் விளையாட்டு முன்மாதிரிகளை உருவாக்குபவர்கள் இந்த மதிப்புகளை நேரடியாகக் குறியீட்டில் ஊட்டுகிறார்கள், அங்கு RGB வடிவம் பெரும்பாலான கிராபிக்ஸ் நூலகங்களில் எளிதாகப் பொருந்துகிறது. ஒரே வண்ணத்தை ஒரு குறியீடாக, மூன்று சேனல்களாக அல்லது ஒரு வண்ணச் சக்கரத்தில் ஒரு நிலையாக எழுதலாம் என்பதையும், HSL பதிப்பு ஏன் முழு எண்ணாக்கப்படுகிறது என்பதையும் காட்ட ஆசிரியர்கள் மூன்று வடிவங்களையும் அருகருகே வைக்கிறார்கள். மேலும் பட்டியலை லேபிளிடும், குறிச்சொல்லிடும் அல்லது வண்ணக் குறியீடிடும் எவரும் எதைத் தேர்ந்தெடுப்பது என்று சிரமப்படாமல் தனித்துவமான வண்ணங்களைப் பெறுகிறார்கள்.

தெரிந்து கொள்ள வேண்டிய சில உண்மையான வரம்புகள் உள்ளன. இது ஒரு உருவாக்கி, வண்ணத் தட்டு கருவி அல்ல: இது வண்ண இணக்கங்களை உருவாக்குவதில்லை மற்றும் பிற வண்ணங்கள் மாறும்போது ஒரு வண்ணத்தை நிலையாக வைத்திருப்பதில்லை, மேலும் ஒரு குறுகிய வரம்பு ஒரு வகையின் வண்ணங்களை மட்டுமே தருகிறது, ஒன்றாகப் பொருந்துவதற்காகத் தேர்ந்தெடுக்கப்பட்ட வண்ணங்களை அல்ல. மாறுபாட்டு பேட்ஜ் கருப்பு மற்றும் வெள்ளை உரையை மட்டுமே ஒப்பிடுகிறது. இந்தப் பக்கம் ஒரு திரை காண்பிக்கும் sRGB வண்ணங்களில் — HEX, RGB மற்றும் HSL — வெளிப்படைத்தன்மை இல்லாமல் மற்றும் CMYK, Pantone, OKLCH அல்லது பெயரிடப்பட்ட CSS வண்ணங்கள் இல்லாமல் செயல்படுகிறது; அச்சிடலுக்கு, திரைக் குறியீட்டை நம்பாமல் உங்கள் அச்சுப் பணிப்பாய்வில் வண்ணத்தைப் பொருத்தவும். திரைகள் ஒரே மாதிரியாக அளவீடு செய்யப்படாததால், ஒரே குறியீடு ஒரு திரையிலிருந்து மற்றொரு திரைக்கு சற்று வித்தியாசமாகவும் தோன்றலாம். மேலே விவரிக்கப்பட்டுள்ளபடி HSL மதிப்புகள் முழுமையாக்கப்படுகின்றன, மேலும் “நகல்களைத் தவிர்க்கவும்” தேர்வு செய்யப்படாவிட்டால், ஒரு தொகுதியில் நகல்கள் சரிபார்க்கப்படாது. இந்தப் பக்கம் உத்தரவாதம் அளிப்பது மிகவும் குறுகியதும் துல்லியமானதுமாகும்: அதன் 16,777,216 வண்ணங்களில் ஒவ்வொன்றும், அல்லது நீங்கள் அமைத்த வரம்பிற்குள் உள்ள ஒவ்வொரு வண்ணமும், ஒவ்வொரு அழுத்தத்திலும் சமமான வாய்ப்பைக் கொண்டுள்ளன, உங்கள் உலாவியின் கிரிப்டோகிராஃபிக் மூலத்திலிருந்து பெறப்பட்டு எங்கும் அனுப்பப்படுவதில்லை.

FAQ

சீரற்ற வண்ணத்தை நான் எவ்வாறு உருவாக்குவது?

“தேர்வுகளின் எண்ணிக்கை” புலத்தில் 1 முதல் 50 வரை நீங்கள் எத்தனை வண்ணங்களை விரும்புகிறீர்கள் என்பதைத் தேர்வுசெய்து, உங்களுக்குத் தேவையான வடிவங்களைத் தேர்வுசெய்யவும் — “HEX குறியீடு”, “RGB குறியீடு”, “HSL குறியீடு” அல்லது ஏதேனும் ஒரு கலவை — பின்னர் “உருவாக்கு” பொத்தானை அழுத்தவும். இந்தப் பக்கம் HEX இல் ஒரு வண்ணத்துடன் திறக்கிறது, எனவே முதல் முடிவு ஒற்றைக் கிளிக்கில் கிடைக்கும். ஒவ்வொரு வண்ணமும் அதன் குறியீட்டிற்கு அடுத்துள்ள வண்ண மாதிரியில் தோன்றும்.

வண்ணங்கள் உண்மையில் சீரற்றவையா, மேலும் ஒவ்வொரு வண்ணத்திற்கும் சம வாய்ப்பு உள்ளதா?

ஆம். ஒவ்வொரு வண்ணமும் உங்கள் உலாவியின் Web Crypto API (crypto.getRandomValues) இலிருந்து வருகிறது, இது சீரற்ற தன்மை கணிக்க முடியாததாக இருக்க வேண்டிய இடங்களில் பயன்படுத்தப்படும் கிரிப்டோகிராஃபிக் முறையில் பாதுகாப்பான மூலமாகும். ஒவ்வொரு சேனலும் ஒரு சீரற்ற பைட் ஆகும், இது ஒரு சேனலுக்குத் தேவையான 256 மதிப்புகளைச் சரியாகக் கொண்டுள்ளது, எனவே எந்த மாற்றும் படியும் எந்த நிழலையும் ஆதரிக்க முடியாது. அனைத்து 16,777,216 வண்ணங்களும் சரியாக சம வாய்ப்புள்ளவை, மேலும் நீங்கள் வரம்பைக் குறைக்கும்போது, அதற்குள் உள்ள ஒவ்வொரு வண்ணமும் அவ்வாறே அமைகிறது.

HEX, RGB மற்றும் HSL இடையே உள்ள வேறுபாடு என்ன?

அவை ஒரே வண்ணத்தை எழுதும் மூன்று வழிகள். HEX என்பது CSS மற்றும் பெரும்பாலான வடிவமைப்பு கருவிகளில் பயன்படுத்தப்படும் #0778ff போன்ற ஆறு இலக்கக் குறியீடாகும். RGB ஆனது rgb(7, 120, 255) என சிவப்பு, பச்சை மற்றும் நீல சேனல்களை வழங்குகிறது. HSL ஆனது hsl(213, 100%, 51%) என சாயல், செறிவூட்டல் மற்றும் வெளிச்சத்தை வழங்குகிறது, இது கையால் சரிசெய்ய எளிதான வடிவமாகும். இவை மூன்றையும் நேரடியாக CSS இல் ஒட்டலாம்.

HSL குறியீடு ஏன் மீண்டும் அதே துல்லியமான வண்ணமாக மாற்றப்படுவதில்லை?

ஏனெனில் பக்கம் HSL ஐ முழு எண்களில் எழுதுகிறது, மேலும் முழுமையாக்குதல் சிறிதளவு துல்லியத்தை இழக்கிறது. சுமார் 89% வண்ணங்கள் துல்லியமாக மீண்டும் மாறுவதில்லை: #646503 என்பது hsl(61, 94%, 20%) எனக் காட்டப்படுகிறது, இது மீண்டும் #616303 ஆக மாறுகிறது. இந்த வேறுபாடு ஒரு சேனலில் 5 படிகளுக்கு மேல் இருப்பதில்லை, பொதுவாக 1 அல்லது 2 படிகளே ஆகும். HEX மற்றும் RGB துல்லியமானவை; HSL முழுமையாக்கப்பட்டது. துல்லியமான வண்ணம் முக்கியமாக இருக்கும்போது HEX அல்லது RGB ஐச் சேமிக்கவும்.

என்னால் மென்மையான, இருண்ட அல்லது பிரகாசமான வண்ணங்களை மட்டுமே உருவாக்க முடியுமா?

ஆம். கியர் பொத்தான் மூலம் “மேம்பட்ட விருப்பங்கள்” பகுதியைத் திறந்து, “வண்ண வகை” என்பதில் “பிரகாசமானவை”, “மென்மையானவை”, “இருண்டவை”, “மங்கியவை” அல்லது “சாம்பல் வண்ணங்கள்” என்பதைத் தேர்ந்தெடுக்கவும். “தனிப்பயன்” விருப்பம் “சாயல்”, “செறிவூட்டல்” மற்றும் “வெளிச்சம்” ஆகியவற்றுக்கு உங்கள் சொந்த வரம்புகளை அமைக்க உதவுகிறது, மேலும் சாயல் வரம்பு 0 ஐக் கடந்து செல்லலாம், எனவே 330 முதல் 30 வரையிலான மதிப்பு சிவப்பு வண்ணங்களைத் தரும். வரம்பிற்குள் உள்ள ஒவ்வொரு வண்ணமும் சம வாய்ப்பைக் கொண்டுள்ளது மற்றும் எந்தக் குறியீடும் வெளியே போகாது; “தேர்வுகளின் எண்ணிக்கை” மதிப்பிற்கு வரம்பில் மிகக் குறைந்த வண்ணங்கள் இருந்தால், அதை விரிவாக்குமாறு பக்கம் கேட்கும்.

ஒரு வண்ணத்தை அல்லது முழுத் தொகுப்பையும் நான் எவ்வாறு நகலெடுப்பது?

அந்தக் குறியீட்டை மட்டும் நகலெடுக்க எந்தக் குறியீட்டையும் கிளிக் செய்யவும், அல்லது அந்த வண்ணத்தின் அனைத்துக் குறியீடுகளையும் ஒரே வரியில் நகலெடுக்க வரிசையின் முடிவில் உள்ள நகலெடுக்கும் பொத்தானைப் பயன்படுத்தவும். “அனைத்தையும் நகலெடு” பொத்தான் ஒரு வரிக்கு ஒரு வண்ணம் என முழுத் தொகுப்பையும் நகலெடுக்கிறது, மேலும் “கோப்பில் சேமி” பொத்தான் அதே உரையை ஒரு .txt கோப்பாகச் சேமிக்கிறது. “மேம்பட்ட விருப்பங்கள்” பிரிவில் உள்ள “பெரிய எழுத்துகள்” மற்றும் “# இல்லாமல்” ஆகியவை HEX நகலெடுக்கப்படும் அல்லது சேமிக்கப்படும் இடங்களில் அது எழுதப்படும் முறையை மாற்றுகின்றன.

ஒரு வண்ணம் உருவாக்கப்பட்ட பிறகு அதை மாற்ற முடியுமா?

ஆம். உங்கள் உலாவியின் சொந்த வண்ணத் தேர்வியைத் திறக்க அதன் வண்ண மாதிரி மீது கிளிக் செய்து மற்றொரு வண்ணத்தைத் தேர்வுசெய்யவும். அந்த வரிசையில் உள்ள ஒவ்வொரு குறியீடும், நீங்கள் இயக்கியுள்ள ஒவ்வொரு வடிவத்திலும் பொருந்துமாறு புதுப்பிக்கப்படும், மேலும் அதன் மாறுபாட்டு பேட்ஜும் மாறும்; “அனைத்தையும் நகலெடு” மற்றும் “கோப்பில் சேமி” ஆகியவை மாற்றப்பட்ட வண்ணத்தைப் பயன்படுத்துகின்றன. “வரலாறு” பகுதி தொகுதியை அது முதலில் உருவாக்கப்பட்டபடியே வைத்திருக்கிறது.

ஒரே தொகுதியில் ஒரே வண்ணம் இரண்டு முறை வர முடியுமா?

“மேம்பட்ட விருப்பங்கள்” பிரிவில் “நகல்களைத் தவிர்க்கவும்” என்பதை நீங்கள் தேர்வுசெய்தால் வராது: அப்போது தொகுதியில் உள்ள ஒவ்வொரு வண்ணமும் மாறுபட்டதாக இருக்கும். அது இல்லாமல் பக்கம் சரிபார்க்காது, மேலும் 16,777,216 சாத்தியமான வண்ணங்களுடன், 50 வண்ணங்களில் இரண்டு ஒரே மாதிரியாக இருப்பதற்கான வாய்ப்பு சுமார் 13,700 இல் 1 ஆகும்.

ஒரு சீரற்ற பின்னணி வண்ணத்தில் உரை படிக்கக்கூடியதாக இருக்குமா?

எப்போதும் இரண்டு உரை வண்ணங்களில் ஒன்றில் படிக்கக்கூடியதாக இருக்கும், மேலும் எது என்பதை இந்தப் பக்கம் உங்களுக்குக் காட்டுகிறது. சாதாரண உரைக்கான 4.5:1 என்ற WCAG வழிகாட்டுதலின்படி, கருப்பு உரை சுமார் 65% வண்ணங்களிலும், வெள்ளை உரை சுமார் 36% வண்ணங்களிலும் படிக்கக்கூடியதாக இருக்கும், மேலும் ஒவ்வொரு வண்ணத்திலும் இரண்டில் குறைந்தபட்சம் ஒன்று 4.58:1 என்ற குறைந்தபட்ச விகிதத்துடன் படிக்கக்கூடியதாக இருக்கும். ஒவ்வொரு வண்ணமும் இரண்டில் சிறந்த வண்ணத்தில் Aa என்று எழுதப்பட்ட ஒரு பேட்ஜைக் கொண்டுள்ளது, அதன் விகிதம் கீழ்நோக்கி முழு எண்ணாக்கப்படுகிறது. இந்த பேட்ஜ் கருப்பு மற்றும் வெள்ளையை மட்டுமே உள்ளடக்கியது, எனவே வேறு எந்த உரை வண்ணத்தையும் ஒரு மாறுபாட்டு சோதனையாளர் மூலம் சரிபார்க்கவும்.

இந்த உருவாக்கி ஒன்றோடொன்று பொருந்தக்கூடிய வண்ணத் தட்டுகளை உருவாக்குகிறதா?

இல்லை. ஒவ்வொரு வண்ணமும் சுயாதீனமாகத் தேர்ந்தெடுக்கப்படுகிறது, எனவே ஒரு தொகுதி என்பது ஒரு இணக்கமான வண்ணத் தட்டாக இல்லாமல் தொடர்பில்லாத வண்ணங்களின் தொகுப்பாகும் — நீங்கள் அதை பாஸ்டெல்கள் அல்லது ஒரு சாயலுக்கு மட்டுப்படுத்தினாலும் கூட. சீரற்ற தன்மை என்பது இணக்கம் அல்ல. ஒரு வண்ணத் தட்டை உருவாக்க, நீங்கள் விரும்பும் ஒரு வண்ணத்தை வைத்துக்கொண்டு மீதமுள்ளவற்றை அதிலிருந்து பெறவும் — உதாரணமாக அதன் HSL குறியீட்டில் வெளிச்சத்தை மட்டும் மாற்றுவதன் மூலம்.

என்னால் CMYK, Pantone அல்லது வெளிப்படையான வண்ணங்களைப் பெற முடியுமா?

இல்லை. இந்தப் பக்கம் வெளிப்படைத்தன்மை இல்லாமல், HEX, RGB மற்றும் HSL இல் மட்டுமே sRGB திரை வண்ணங்களை உருவாக்குகிறது, மேலும் இதில் CMYK, Pantone, OKLCH அல்லது பெயரிடப்பட்ட CSS வண்ணங்கள் இல்லை. அச்சிடலுக்கு, திரைக் குறியீட்டை நம்பாமல் உங்கள் அச்சுப் பணிப்பாய்வில் வண்ணத்தைப் பொருத்தவும்.

நான் உருவாக்கும் எதுவும் சேவையகத்திற்கு அனுப்பப்படுகிறதா அல்லது சேமிக்கப்படுகிறதா?

இல்லை. வண்ணங்கள் உங்கள் உலாவியில் உள்ளூரில் உருவாக்கப்படுகின்றன, எதுவும் பதிவேற்றப்படுவதில்லை அல்லது பதிவு செய்யப்படுவதில்லை, மேலும் பக்கம் ஏற்றப்பட்டதும் ஆஃப்லைனிலும் தொடர்ந்து செயல்படும். “வரலாறு” பகுதி உங்கள் கடைசி 10 தொகுப்புகளை இந்த உலாவியில் மட்டுமே வைத்திருக்கிறது, மேலும் நீங்கள் அதை அணைக்கலாம் அல்லது அழிக்கலாம்.