முதன்மை உள்ளடக்கத்திற்குச் செல்
LibraTool logoLibraTool

இலவச வண்ண தேர்வி & வண்ணப் பலகை உருவாக்கி

வண்ணங்களை தேர்ந்தெடுக்கவும், HEX/RGB/HSL இடையே மாற்றவும், மற்றும் இணக்கமான வண்ணப் பலகைகளை உருவாக்கவும்.

ஏற்றியப் பிறகு ஆஃப்லைனில் வேலை செய்கிறது
HEX
HSV
h217°
s76%
v96%
காட்சிக்கு மட்டும்

RGB

r
g
b

HSL

H
S
L

மேலும் வடிவங்கள்

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

பொதுவான பயன்பாடுகள்

  • Color Picker for Web DesignPick and generate colours for your website — get HEX, RGB, and HSL values plus harmonious palettes.
  • Color Picker for BrandingBuild your brand colour palette — pick primary, secondary, and accent colours that work together.
  • Color Picker for Social MediaCreate eye-catching colour palettes for social media posts, stories, and profile designs.
  • Color Picker for Print DesignPick colours for printed materials — flyers, business cards, brochures — with accurate colour previews.
  • Color Picker for PresentationsDesign slide colour schemes — pick readable text colours, chart palettes, and consistent accent shades.

இது எவ்வாறு செயல்படுகிறது

அனைத்தும் கையால் எழுதிய மாற்றக் கணிதம் மூலம் நேரடியாக உங்கள் உலாவியில் இயங்குகிறது — வண்ண நூலகம் இல்லை, சர்வர் பயணம் இல்லை. உலாவியின் native color input அல்லது EyeDropper API மூலம் நிறத்தைத் தேர்ந்தெடுத்தால், கருவி அதை உடனே ஆறு வடிவங்களாக மாற்றி, WCAG மாறுபாட்டு விகிதங்களைக் கணக்கிட்டு, இசைவு palettes ஐயும் உருவாக்குகிறது.

  1. 1
    native API மூலம் வண்ண உள்ளீடு
    உலாவியின் உள்ளமைந்த <input type="color"> widget மூலம் நிறத்தைத் தேர்ந்தெடுக்கலாம், அல்லது — Chromium அடிப்படை உலாவிகளில் — EyeDropper API உங்கள் திரையில் உள்ள எந்த pixel ஐயும் எடுக்க உதவுகிறது. இரு வழிகளும் ஒரே உண்மை மூலமாகும் hex string ஐத் தருகின்றன.
  2. 2
    கையால் எழுதிய வடிவ மாற்றங்கள்
    கருவி தனது சொந்தக் கணித functions மூலம் (வெளி நூலகம் இல்லை) hex மதிப்பை RGB, HSL, HSV, CMYK, OKLCH ஆக மாற்றுகிறது. OKLCH மாற்றம் sRGB சேனல்களை நேரியலாக்கி, OKLab cube-root matrix ஐப் பயன்படுத்தி, chroma மற்றும் hue கோணத்தைப் பெறுகிறது — நவீன CSS Color Level 4 வெளியீட்டுடன் பொருந்துகிறது.
  3. 3
    WCAG மாறுபாட்டு விகிதக் கணக்கீடு
    Relative luminance நேரியலாக்கிய RGB சேனல்களிலிருந்து WCAG 2.x சூத்திரம் மூலம் கணக்கிடப்படுகிறது. பின் கருவி தூய வெள்ளை, தூய கருப்புக்கு எதிரான மாறுபாட்டு விகிதங்களைக் கணக்கிட்டு WCAG வரம்புகளின்படி (3:1, 4.5:1, 7:1) AA-large, AA, AAA அல்லது Fail என லேபிளிடுகிறது.
  4. 4
    இசைவு palette உருவாக்கம் மற்றும் உள்ளூர் சேமிப்பு
    Complementary, triadic, analogous, monochromatic swatches HSL hue, lightness மதிப்புகளைக் கணித முறையில் சுழற்றி அல்லது படிப்படியாக மாற்றிப் பெறப்படுகின்றன. சேமித்த palettes உங்கள் உலாவியின் localStorage இல் எழுதப்படுகின்றன — எதுவும் உங்கள் சாதனத்தை விட்டு வெளியேறுவதில்லை.

தொடர்புடைய கருவிகள்

🎨

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

சீரற்ற வண்ணங்களை ஒவ்வொன்றாகவோ ஐந்து வண்ணத் தட்டாகவோ உருவாக்கி, பிடித்தவற்றைப் பூட்டி, HEX, RGB அல்லது HSL மதிப்புகளை நகலெடுத்து, தட்டை PNG அல்லது CSS ஆக ஏற்றுமதி செய்யுங்கள்.

முயற்சிக்கவும்
🎨

நிற மாற்றி

HEX, RGB, HSL, HSV மற்றும் CMYK வடிவங்களுக்கிடையே நிறங்களை உடனடியாக மாற்றவும். ஒளிர்வு அளவுகோல் மற்றும் முன்னமைத்த சுவாட்சுகள் அடங்கும்.

முயற்சிக்கவும்
🎨

படத்தின் நிறத் தொகுப்பு பிரித்தெடுப்பான்

k-means நிற குவாண்டிசேஷன் பயன்படுத்தி எந்த படத்திலிருந்தும் ஆதிக்கம் செலுத்தும் நிறங்களைப் பிரித்தெடுக்கவும். உங்கள் புகைப்படம் அல்லது லோகோவில் முதல் 2-16 நிறங்களுக்கான ஹெக்ஸ் குறியீடுகளைப் பெறவும்.

முயற்சிக்கவும்கோப்புகள் உள்நாட்டில் இருக்கும்

அடிக்கடி கேட்கப்படும் கேள்விகள்