# Zgjedhës ngjyrash

> Rrotë ngjyrash HSV, HSL dhe RYB, harmoni ngjyrash gati për përdorim, konvertim HEX, RGB, HSL, OKLCH, CMYK dhe shenja Tailwind më e afërt. Falas, pa instalim.

URL: https://acrafto.com/sq/zgjedhes-ngjyrash-online-konvertues/  
Updated: 2026-09-23

Tools are interactive browser apps; there is no public API, no endpoints to call and no server-side processing. To use a tool, open its HTML page in a browser.

Zgjidhni një ngjyrë në rrotë, rregullojeni imët në kanavacën e ngopjes dhe lexojeni në çdo format që flet projekti juaj, nga `#RRGGBB` te `oklch()`. Ky zgjedhës bën edhe pjesët që mjetet e tjera i lënë jashtë: tre gjeometri rrote, përfshirë rrotën tradicionale të piktorëve RYB, harmoni që ju ndërtojnë vetë paletën, një kanal alfa dhe eksportim me një klik të gjithë paletës si variabla CSS, SCSS ose JSON. Gjithçka llogaritet lokalisht në shfletuesin tuaj.

## RYB apo RGB? Tre rrota ngjyrash në vend të një

Zgjedhësi **Modaliteti i rrotës** ndryshon vetë gjeometrinë e rrotës:

- **HSV** dhe **HSL** janë rrotat dixhitale: nuancat vendosen ashtu siç i përzien dritën ekrani. Ndryshojnë në mënyrën si sillet kanavacë katrore: këndi më i ndritshëm i HSV është vetë nuanca e pastër, ndërsa HSL vendos nuancat e pastra në 50% ndriçim me të bardhën sipër.
- **RYB (e piktorëve)** i rendit nuancat ashtu siç i mësojnë artistët: e kuqe, e verdhë dhe e kaltër si ngjyra primare, me portokallin, jeshilen dhe vjollcën në mes (shihni [modelin RYB](https://en.wikipedia.org/wiki/RYB_color_model), në anglisht). Vlera e saj praktike shfaqet te harmonitë: në rrotën RYB, komplementi i së kuqes është **jeshile** dhe komplementi i së kaltrës është **portokalli**, çiftet klasike të pigmentit, ndërsa një rrotë dixhitale e çiftëzon të kuqen me cianin. Nëse ndonjëherë një paletë “komplementare” e një zgjedhësi të zakonshëm ju është dukur e gabuar, kjo është arsyeja.

## Harmoni ngjyrash që ju ndërtojnë vetë paletën

Zgjidhni një rregull nën **Harmonia e ngjyrave** dhe rrota shënon ngjyrat shoqëruese, të cilat shfaqen si një paletë gati për përdorim:

- **Komplementare:** një ngjyrë e kundërt. Kontrasti më i fortë, përdoreni për një aksent të vetëm mbi një ngjyrë dominante të markës.
- **Gjysmë-komplementare:** dy fqinjët e komplementit. Pothuajse po aq kontrast, shumë më e lehtë për t’u balancuar.
- **Triadike:** tre nuanca të shpërndara në mënyrë të barabartë. Të gjalla dhe të qëndrueshme kur njëra dominon dhe të tjerat përdoren me kursim.
- **Tetradike (katror):** katër nuanca. Skema të pasura për ilustrime dhe grafikë, të vështira për t’u balancuar në ndërfaqe përdoruesi.
- **Analoge:** fqinjët e menjëhershëm. Kombinim i qetë për sfonde dhe gradientë.
- **Monokromatike:** një nuancë me ndriçim të shkallëzuar. Zgjedhja më e sigurt për gjendjet e butonave (hover, aktiv, i çaktivizuar).

Paneli i **paletës** kopjon të gjithë grupin me një klikim, në formatin që zgjidhni: **HEX** i thjeshtë, **RGB**, **HSL**, **OKLCH**, veti të personalizuara CSS gati për ngjitje (`--color-1: …`), variabla **SCSS** ose **JSON** për kod. Nëse doni të shihni shpejt a mbajnë ngjyrat e paletës kontrast edhe për njerëz që i dallojnë më vështirë nuancat, bëni një pamje ekrani dhe provoni [konvertimin në shkallë gri](https://acrafto.com/sq/konvertimi-i-imazheve-ne-shkalle-gri/).

## Konvertim HEX, RGB, HSL, OKLCH dhe CMYK: ngjitni çdo gjë, lexoni gjithçka

Fushat e hyrjes pranojnë pothuajse çdo shënim ngjyre që i hidhni: `#f80`, `#ff8800`, hex 8-shifror me alfa, `rgb()` dhe `rgba()`, `hsl()`, `hwb()`, `lch()`, `oklch()`, `oklab()`, `cmyk()`, `0xFF8800`, si dhe emra ngjyrash CSS si `rebeccapurple`. Çfarëdo që futni, merrni shtatë rezultate të sinkronizuara: **HEX, RGB, HSL, HSV, LCH, OKLCH dhe CMYK**, secila me butonin e vet të kopjimit.

Rrëshqitësi **Opaciteti (alfa)** poshtë pamjes paraprake kalon rezultatet në formatet transparente `#RRGGBBAA`, `rgba()` dhe `hsla()`. Pamja paraprake vizatohet mbi një sfond shahu, kështu që transparencën e shihni menjëherë.

## Shenja më e afërt e Tailwind CSS për çdo ngjyrë

Dy etiketa nën pamjen paraprake ua emërtojnë ngjyrën: **ngjyra CSS më e afërt me emër** (e dobishme për prototipe të shpejta) dhe **shenja Tailwind më e afërt**, për shembull `orange-500`. Kështu mbeteni brenda sistemit tuaj të dizajnit, pa shpikur vlera një-përdorimshe. Klikoni etiketën për ta kopjuar.

Kjo zgjidh pyetjen që shfaqet në çdo dorëzim dizajni: dizajneri ju dërgoi një kod hex, cila klasë Tailwind i përgjigjet më afër? Përputhja llogaritet kundrejt paletës parazgjedhur të Tailwind CSS 4 (shihni [dokumentacionin e Tailwind](https://tailwindcss.com/docs/colors), në anglisht), kështu që shenjën mund ta ngjitni drejtpërdrejt në emrin e klasës.

## Cilin format ngjyrash të përdorni?

| Format | Emri i Plotë | Kur ta përdorni |
| :--- | :--- | :--- |
| **HEX** | Hexadecimal | **Parazgjedhja e uebit.** I shkurtër, i mbështetur kudo, i lehtë për t’u kopjuar. Tetë shifra shtojnë alfa. |
| **RGB** | Red, Green, Blue | **Si mendojnë ekranet.** Tre kanale drite nga 0 deri në 255. Formati që presin shumica e API-ve dhe kodit canvas. |
| **HSL** | Hue, Saturation, Lightness | **Për rregullime me sy.** “Pak më e çelët” ose “më pak e ngopur” bëhet ndryshim i një numri të vetëm. |
| **HSV** | Hue, Saturation, Value | **Softuer grafik.** Modeli mbi të cilin ndërtohen zgjedhësit e ngjyrave në Photoshop dhe GIMP. |
| **LCH** | Lightness, Chroma, Hue | **I njëtrajtshëm sipas perceptimit.** Hapa numerikë të barabartë duken si hapa vizualë të barabartë, gjë që HSL vetëm pretendon ta bëjë. |
| **OKLCH** | OK Lightness, Chroma, Hue | **Zgjedhja moderne për CSS.** Rregullon zhvendosjet e nuancës te blutë që trazojnë LCH-në. E mbështetur në të gjithë shfletuesit aktualë dhe ideale për tokena dizajni. |
| **CMYK** | Cyan, Magenta, Yellow, Key | **Orientim për printim.** Konvertim i përafërt për t’u folur me shtypshkronjën, vlerat përfundimtare i cakton profili i saj i ngjyrave. |

Pse OKLCH është më i njëtrajtshëm sipas perceptimit se modelet e vjetra, shpjegon vetë autori i hapësirës Oklab, Björn Ottosson, në [artikullin origjinal](https://bottosson.github.io/posts/oklab/) (në anglisht). Sintaksën dhe mbështetjen në shfletues i përmbledh [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/color_value/oklch) (në anglisht). Si funksionon modeli i printimit shpjegohet te [Wikipedia, artikulli CMYK](https://sq.wikipedia.org/wiki/CMYK).

## Gjëra të vogla që kursejnë kohë

- **Historia ruhet vetë.** 24 ngjyrat e fundit mbijetojnë rifreskimin e faqes. Qëndrojnë vetëm në ruajtjen lokale të shfletuesit tuaj dhe nuk dërgohen askund.
- **Pipeta.** Në shfletues me API-në EyeDropper (Chrome dhe Edge) zgjidhni një ngjyrë nga kudo në ekranin tuaj, madje edhe jashtë dritares së shfletuesit. Ngjyrën nga një foto ose skedar me logo e gjeni te [pikuesi i ngjyrave nga imazhi](https://acrafto.com/sq/pikues-ngjyrash-online-imazhi/).
- **Kontroll me tastierë.** Rrota dhe kanavacë e ngopjes reagojnë ndaj shigjetave, kështu që rregulloni ngjyrën me hapa të vegjël.
- **Paracaktuarat** ofrojnë ngjyrat bazë të zakonshme kur ju duhet vetëm një pikënisje e shpejtë.

## Pyetje të Bëra Shpesh

### Si e konvertoj OKLCH në HEX?

Ngjitni vlerën `oklch()` në fushën OKLCH dhe të gjitha rezultatet e tjera, HEX i përfshirë, përditësohen menjëherë. Funksionon edhe në drejtimin tjetër: shkruani një kod HEX dhe lexoni `oklch()` përkatës. Një paralajmërim: OKLCH mund të përshkruajë ngjyra jashtë gamutit sRGB, dhe ato pritën te sa mund të shfaqë sRGB. Prandaj një `oklch()` shumë i ngopur nuk do të duket njësoj si forma e tij HEX në një ekran me gamut të gjerë.

### A mund ta përdor oklch() në CSS-në e prodhimit?

Po. Të gjitha versionet aktuale të Chrome, Edge, Firefox dhe Safari e mbështesin `oklch()`, dhe është bërë shënim i preferuar për tokena dizajni (Tailwind CSS 4 e përcakton të gjithë paletën e vet me të). Për shfletues shumë të vjetër, vendosni një rezervë HEX në rreshtin para tij. Ky mjet ju jep të dyja vlerat.

### Pse ndryshojnë harmonitë kur kaloj në rrotën RYB?

Sepse ajo që është "e kundërt" varet nga mënyra si janë shpërndarë nuancat rreth rrethit. Rrota RYB i shpërndan ngjyrat primare të pigmentit në mënyrë të barabartë, kështu që çiftet komplementare përputhen me ato që njohin piktorët: e kuqe dhe e gjelbër, blu dhe portokalli, e verdhë dhe vjollcë. Rrotat HSV dhe HSL i shpërndajnë nuancat sipas përzierjes së dritës, prandaj e çiftëzojnë të kuqen me cianin. Asnjëra nuk është e gabuar: RYB përputhet me mësimin tradicional të artit, HSV dhe HSL me atë që bëjnë ekranet.

### A mund t'u besoj vlerave CMYK për printim?

Merrini si orientim. Konvertimi i vërtetë për printim varet nga [profili ICC](https://en.wikipedia.org/wiki/ICC_profile) (në anglisht) i printerit, letra dhe boja. E njëjta ngjyrë RGB del ndryshe në letër të veshur dhe të paveshur. Vlerat këtu llogariten me formulën standarde, e cila ju afron shumë, por korrigjimi (proofing) përfundimtar i takon shtypshkronjës.

### Ku është butoni i pipetës në Firefox apo Safari?

Është fshehur qëllimisht. [API-ja EyeDropper](https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper_API) (MDN, në anglisht), mbi të cilën mbështetet butoni, aktualisht funksionon vetëm në shfletuesit e bazuar në Chromium (Chrome, Edge, Opera). Çdo veçori tjetër e mjetit punon kudo, mungon vetëm zgjedhja e ngjyrës nga ekrani. Nëse ju duhet ngjyra nga një imazh, përdorni [pikuesin e ngjyrave nga imazhi](https://acrafto.com/sq/pikues-ngjyrash-online-imazhi/), i cili funksionon në të gjithë shfletuesit.

### A mbetet private historia ime e ngjyrave?

Po. Historia jeton në localStorage-in e shfletuesit tuaj, në pajisjen tuaj. Asgjë që zgjidhni, ngjitni ose kopjoni nuk dërgohet askund. I gjithë mjeti punon si JavaScript në shfletues, gjë që mund ta verifikoni te skeda Network e mjeteve të zhvilluesit.

## Other languages

- Čeština (cs): [Barevné kolo](https://acrafto.com/cs/barevne-kolo/) ([Markdown](https://acrafto.com/cs/barevne-kolo/index.md))
- Slovenčina (sk): [Online výber farieb](https://acrafto.com/sk/online-vyber-farieb/) ([Markdown](https://acrafto.com/sk/online-vyber-farieb/index.md))
- English (en): [Color Picker](https://acrafto.com/en/color-picker-online/) ([Markdown](https://acrafto.com/en/color-picker-online/index.md))
- Deutsch (de): [Farbwähler](https://acrafto.com/de/farbwahl-online-farbrad-konverter/) ([Markdown](https://acrafto.com/de/farbwahl-online-farbrad-konverter/index.md))
- Français (fr): [Sélecteur de couleur](https://acrafto.com/fr/selecteur-couleur-en-ligne/) ([Markdown](https://acrafto.com/fr/selecteur-couleur-en-ligne/index.md))
- Español (es): [Selector de colores online](https://acrafto.com/es/selector-de-colores-online/) ([Markdown](https://acrafto.com/es/selector-de-colores-online/index.md))
- Italiano (it): [Selettore colori](https://acrafto.com/it/selettore-colori-online/) ([Markdown](https://acrafto.com/it/selettore-colori-online/index.md))
- Português (pt): [Color Picker Online](https://acrafto.com/pt/color-picker-online-roda-cores-conversor-hex-rgb-lch/) ([Markdown](https://acrafto.com/pt/color-picker-online-roda-cores-conversor-hex-rgb-lch/index.md))
- Nederlands (nl): [Kleurkiezer](https://acrafto.com/nl/online-kleurkiezer/) ([Markdown](https://acrafto.com/nl/online-kleurkiezer/index.md))
- Polski (pl): [Color Picker Online](https://acrafto.com/pl/color-picker-online-konwerter-kolorow/) ([Markdown](https://acrafto.com/pl/color-picker-online-konwerter-kolorow/index.md))
- Română (ro): [Selector de culori](https://acrafto.com/ro/selector-culori-online/) ([Markdown](https://acrafto.com/ro/selector-culori-online/index.md))
- Magyar (hu): [Online színválasztó](https://acrafto.com/hu/szinvalaszto-online/) ([Markdown](https://acrafto.com/hu/szinvalaszto-online/index.md))
- Ελληνικά (el): [Color picker online](https://acrafto.com/el/online-color-picker-chromatikos-trochos/) ([Markdown](https://acrafto.com/el/online-color-picker-chromatikos-trochos/index.md))
- Български (bg): [Цветово колело](https://acrafto.com/bg/onlain-izbirach-na-cvetove/) ([Markdown](https://acrafto.com/bg/onlain-izbirach-na-cvetove/index.md))
- Hrvatski (hr): [Kotač boja](https://acrafto.com/hr/online-birac-boja-pretvornik/) ([Markdown](https://acrafto.com/hr/online-birac-boja-pretvornik/index.md))
- Slovenščina (sl): [Izbirnik barv](https://acrafto.com/sl/izbirnik-barv-splet/) ([Markdown](https://acrafto.com/sl/izbirnik-barv-splet/index.md))
- Eesti (et): [Värvivalija](https://acrafto.com/et/varvivalija-online/) ([Markdown](https://acrafto.com/et/varvivalija-online/index.md))
- Latviešu (lv): [Krāsu ritenis](https://acrafto.com/lv/krasu-atlasitajs-tiessaiste/) ([Markdown](https://acrafto.com/lv/krasu-atlasitajs-tiessaiste/index.md))
- Lietuvių (lt): [Spalvų parinkiklis](https://acrafto.com/lt/spalvu-parinkiklis-internetu/) ([Markdown](https://acrafto.com/lt/spalvu-parinkiklis-internetu/index.md))
- Svenska (sv): [Färgväljare](https://acrafto.com/sv/fargv%C3%A4ljare-online/) ([Markdown](https://acrafto.com/sv/fargv%C3%A4ljare-online/index.md))
- Dansk (da): [Farvevælger og farvehjul](https://acrafto.com/da/farvevaelger-online-farvehjul-konverter/) ([Markdown](https://acrafto.com/da/farvevaelger-online-farvehjul-konverter/index.md))
- Suomi (fi): [Värinvalitsin online](https://acrafto.com/fi/varinvalitsin-online/) ([Markdown](https://acrafto.com/fi/varinvalitsin-online/index.md))
- Norsk (no): [Fargehjul og fargevelger](https://acrafto.com/no/online-fargevelger-hex-rgb-lch/) ([Markdown](https://acrafto.com/no/online-fargevelger-hex-rgb-lch/index.md))
- Українська (uk): [Вибір кольору онлайн](https://acrafto.com/uk/kolir-picker-onlayn/) ([Markdown](https://acrafto.com/uk/kolir-picker-onlayn/index.md))
- Русский (ru): [Цветовой круг](https://acrafto.com/ru/onlain-vybor-tsveta/) ([Markdown](https://acrafto.com/ru/onlain-vybor-tsveta/index.md))
- Српски (sr): [Točak boja](https://acrafto.com/sr/online-izbirac-boja/) ([Markdown](https://acrafto.com/sr/online-izbirac-boja/index.md))
- Македонски (mk): [Избирач на бои](https://acrafto.com/mk/izbirac-boi-online/) ([Markdown](https://acrafto.com/mk/izbirac-boi-online/index.md))
- Bosanski (bs): [Krug boja](https://acrafto.com/bs/birac-boja-online-pretvornik/) ([Markdown](https://acrafto.com/bs/birac-boja-online-pretvornik/index.md))
- Türkçe (tr): [Renk seçici](https://acrafto.com/tr/online-renk-secici/) ([Markdown](https://acrafto.com/tr/online-renk-secici/index.md))
- 日本語 (ja): [カラーピッカー](https://acrafto.com/ja/online-color-picker/) ([Markdown](https://acrafto.com/ja/online-color-picker/index.md))
- 한국어 (ko): [컬러 피커](https://acrafto.com/ko/online-color-picker/) ([Markdown](https://acrafto.com/ko/online-color-picker/index.md))
- العربية (ar): [منتقي الألوان](https://acrafto.com/ar/muntaky-al-alwan-online/) ([Markdown](https://acrafto.com/ar/muntaky-al-alwan-online/index.md))
- हिन्दी (hi): [कलर पिकर ऑनलाइन](https://acrafto.com/hi/color-picker-online/) ([Markdown](https://acrafto.com/hi/color-picker-online/index.md))
- Bahasa Indonesia (id): [Pemilih warna](https://acrafto.com/id/pemilih-warna-online/) ([Markdown](https://acrafto.com/id/pemilih-warna-online/index.md))
- Tiếng Việt (vi): [Bánh xe màu](https://acrafto.com/vi/chon-mau-online/) ([Markdown](https://acrafto.com/vi/chon-mau-online/index.md))
- ไทย (th): [วงล้อสี](https://acrafto.com/th/online-color-picker/) ([Markdown](https://acrafto.com/th/online-color-picker/index.md))
- עברית (he): [גלגל צבעים](https://acrafto.com/he/online-color-picker-hex-rgb-lch/) ([Markdown](https://acrafto.com/he/online-color-picker-hex-rgb-lch/index.md))