# Krāsu ritenis

> Krāsu ritenis ar HSV, HSL un RYB, gatavas krāsu harmonijas un pārvēršana HEX, RGB, HSL, OKLCH, CMYK. Tuvākais Tailwind marķieris. Bez maksas.

URL: https://acrafto.com/lv/krasu-atlasitajs-tiessaiste/  
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.

Izvēlieties krāsu uz riteņa, precizējiet to piesātinājuma un spilguma laukumā un nolasiet to jebkurā formātā, ko prasa jūsu projekts, no `#RRGGBB` līdz `oklch()`. Šis rīks dara arī to, ko citi krāsu atlasītāji izlaiž: trīs riteņa veidus, tostarp tradicionālo gleznotāja RYB riteni, harmonijas, kas paši izveido paleti, alfa kanālu un visas paletes eksportu vienā klikšķī kā CSS mainīgos, SCSS vai JSON. Viss tiek aprēķināts jūsu pārlūkprogrammā.

## RYB vai RGB? Trīs krāsu riteņi viena vietā

Pārslēgs **Riteņa režīms** maina toņu izkārtojumu ritenī:

- **HSV** un **HSL** ir digitālie riteņi. Toņi novietoti tā, kā ekrānā tos sajauc gaisma. Tie atšķiras ar kvadrātveida laukumu: HSV spilgtākais stūris ir tīrs tonis, HSL tīros toņus liek pusceļā uz gaišumu, ar baltu virs tiem.
- **RYB (gleznotāja)** izkārto toņus tā, kā tos mācās mākslinieki: sarkans, dzeltens un zils kā pamatkrāsas, ar oranžu, zaļu un violetu starp tām ([RYB krāsu modelis](https://en.wikipedia.org/wiki/RYB_color_model), angliski). Atšķirību pamanīsiet galvenokārt harmonijās. RYB ritenī sarkanās komplementārā krāsa ir **zaļa**, bet zilās, **oranža**, klasiskie pigmentu pāri. Digitālais ritenis sarkano sapāro ar ciānu. Ja “komplementārā” palete no parasta krāsu atlasītāja jums kādreiz šķitusi nepareiza, tagad zināt, kāpēc.

## Krāsu harmonijas: palete, kas izveidojas pati

Laukā **Krāsu harmonija** izvēlieties noteikumu. Ritenis atzīmē pavadošās krāsas, un zem tā parādās gatava palete:

- **Komplementāra:** viena pretēja krāsa. Spēcīgākais kontrasts, der vienam akcentam blakus galvenajai zīmola krāsai.
- **Sadalīta komplementāra:** divi komplementārās krāsas kaimiņi. Gandrīz tikpat liels kontrasts, bet vieglāk sabalansējams.
- **Triāde:** trīs vienmērīgi izvietoti toņi. Dzīvīga, tomēr stabila kombinācija, ja viens dominē un pārējos divus izmantojat ekonomiski.
- **Tetrāde (kvadrāts):** četri toņi. Bagātas shēmas ilustrācijām un grafikiem, lietotāja saskarnē grūti sabalansējamas.
- **Analogā:** tuvākie kaimiņi. Mierīga kombinācija foniem un pārejām.
- **Monohromatiska:** viens tonis vairākos gaišuma līmeņos. Drošākā izvēle pogu stāvokļiem (hover, aktīvs, izslēgts).

Visu paleti nokopējat vienā klikšķī jūsu izvēlētajā formātā: vienkāršs **HEX**, **RGB**, **HSL**, **OKLCH**, ielīmēšanai gatavi **CSS mainīgie** (`--color-1: …`), **SCSS mainīgie** vai **JSON** kodam. Vai palete saglabā kontrastu arī cilvēkiem, kam grūtāk atšķirt toņus, ātri pārbaudīsiet ekrānuzņēmumā pēc [pārveidošanas pelēktoņos](https://acrafto.com/lv/attelu-konvertesana-pelektosnos-tiessaiste/).

## Pārveidojiet HEX, RGB, HSL, OKLCH un CMYK: ielīmējiet jebko, saņemiet visu

Ievades lauki pieņem gandrīz jebkuru krāsas pierakstu: `#f80`, `#ff8800`, astoņu ciparu heksadecimālu ar alfa kanālu, `rgb()` un `rgba()`, `hsl()`, `hwb()`, `lch()`, `oklch()`, `oklab()`, `cmyk()`, `0xFF8800`, kā arī nosauktas CSS krāsas, piemēram, `rebeccapurple`. Lai ko ievadītu, saņemsiet septiņus saskaņotus izvades formātus: **HEX, RGB, HSL, HSV, LCH, OKLCH un CMYK**, katru ar savu kopēšanas pogu.

Slīdnis **Caurspīdīgums (alfa)** zem priekšskatījuma pārslēdz izvades uz to caurspīdīgajām formām, `#RRGGBBAA`, `rgba()` un `hsla()`. Priekšskatījums tiek zīmēts uz rūtainā fona, tāpēc caurspīdīgumu redzat uzreiz.

## Tuvākais Tailwind CSS marķieris jebkurai krāsai

Divi žetoni zem priekšskatījuma nosauc krāsu: **tuvākā nosauktā CSS krāsa** (noderīga ātriem prototipiem) un **tuvākais Tailwind marķieris**, piemēram, `orange-500`. Tā paliekat savas dizaina sistēmas ietvaros un jums nav jāizdomā vienreizējas vērtības. Noklikšķiniet uz žetona, lai to nokopētu.

Tas atbild uz jautājumu, kas rodas katrā dizaina nodošanā: dizainers atsūtīja hex kodu, kura Tailwind klase tam atbilst vistuvāk? Atbilstība tiek aprēķināta pret noklusējuma Tailwind CSS 4 paleti (sk. [Tailwind dokumentāciju](https://tailwindcss.com/docs/colors), angliski), tāpēc marķieri var uzreiz izmantot klases nosaukumā.

## Kuru krāsu formātu izvēlēties?

| Formāts | Pilns nosaukums | Kad to izmantot |
| :--- | :--- | :--- |
| **HEX** | Hexadecimal | **Tīmekļa noklusējums.** Īss, atbalstīts visur, viegli kopējams. Astoņi cipari pievieno caurspīdīgumu. |
| **RGB** | Red, Green, Blue | **Tā domā ekrāni.** Trīs gaismas kanāli no 0 līdz 255. Formāts, ko sagaida lielākā daļa API un canvas koda. |
| **HSL** | Hue, Saturation, Lightness | **Pielāgošanai pēc acs.** “Nedaudz gaišāku” vai “mazāk piesātinātu” nozīmē mainīt vienu skaitli. |
| **HSV** | Hue, Saturation, Value | **Grafikas programmas.** Modelis, uz kura balstās krāsu atlasītāji Photoshop un GIMP. |
| **LCH** | Lightness, Chroma, Hue | **Uztverē vienmērīgs.** Vienādi skaitliski soļi izskatās kā vienādi vizuāli soļi, ko HSL tikai izliekas darām. |
| **OKLCH** | OK Lightness, Chroma, Hue | **Mūsdienīga izvēle CSS.** Labo toņa nobīdes zilajos toņos, kas traucē LCH. Atbalsta visas pašreizējās pārlūkprogrammas, der dizaina marķieriem. |
| **CMYK** | Cyan, Magenta, Yellow, Key | **Orientieris drukāšanai.** Aptuvena pārvēršana sarunām ar tipogrāfiju, galīgās vērtības nosaka tās krāsu profils. |

Kāpēc OKLCH ir uztverē vienmērīgāks nekā vecāki modeļi, skaidro Oklab telpas autors Bjorns Otsons (Björn Ottosson) [oriģinālajā rakstā](https://bottosson.github.io/posts/oklab/) (angliski). Sintaksi un pārlūkprogrammu atbalstu apkopo [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/color_value/oklch) (angliski). Kā darbojas drukas modelis, apraksta Vikipēdijas raksts par [CMYK krāsu modeli](https://lv.wikipedia.org/wiki/Ci%C4%81nfuks%C4%ABndzeltenmelnais_kr%C4%81su_modelis).

## Sīkumi, kas ietaupa laiku

- **Vēsture saglabājas pati.** Pēdējās 24 krāsas pārdzīvo lapas atsvaidzināšanu. Tās paliek tikai jūsu pārlūkprogrammas krātuvē un nekur netiek nosūtītas.
- **Pipete.** Pārlūkprogrammās ar EyeDropper API (Chrome un Edge) izvēlaties krāsu no jebkuras vietas ekrānā, pat ārpus pārlūkprogrammas loga. Krāsu no fotoattēla vai logotipa faila uzzināsiet [tiešsaistes krāsu pipetē](https://acrafto.com/lv/krasu-pipete-online/).
- **Vadība ar tastatūru.** Ritenis un piesātinājuma laukums reaģē uz bulttaustiņiem, tāpēc krāsu var precizēt pa maziem soļiem.
- **Priekšiestatījumi** piedāvā izplatītākās pamatkrāsas, ja vajag tikai ātru sākumpunktu.

## Biežāk uzdotie jautājumi

### Kā pārveidot OKLCH uz HEX?

Ielīmējiet `oklch()` vērtību OKLCH laukā, un visi pārējie izvades formāti, arī HEX, uzreiz pārrēķinās. Darbojas arī otrādi: ierakstiet HEX un nolasiet atbilstošo `oklch()`. Viena atruna: OKLCH var aprakstīt arī krāsas ārpus sRGB diapazona, un tās tiek apgrieztas līdz tam, ko sRGB spēj parādīt. Ļoti piesātināts `oklch()` tāpēc plaša krāsu diapazona displejā neizskatīsies tāds pats kā tā HEX versija.

### Vai oklch() drīkst izmantot produkcijas CSS?

Jā. Visas pašreizējās Chrome, Edge, Firefox un Safari versijas `oklch()` atbalsta, un tas kļuvis par iecienītu pierakstu dizaina marķieriem (Tailwind CSS 4 tajā definē visu savu paleti). Ļoti vecām pārlūkprogrammām pirms tā ielieciet HEX rezerves variantu. Šis rīks dod abas vērtības.

### Kāpēc harmonijas mainās, pārslēdzoties uz RYB riteni?

Tāpēc, ka tas, kas ir "pretējs", ir atkarīgs no toņu izkārtojuma ap apli. RYB ritenis vienmērīgi izkārto pigmentu pamatkrāsas, tāpēc komplementārie pāri atbilst tam, ko zina mākslinieki: sarkans un zaļš, zils un oranžs, dzeltens un violets. HSV un HSL riteņi izkārto toņus pēc tā, kā sajaucas gaisma, tāpēc tie sapāro sarkano ar ciānu. Neviens no tiem nav nepareizs: RYB atbilst mākslas izglītībai, HSV un HSL atbilst tam, ko dara ekrāni.

### Vai CMYK vērtībām var uzticēties drukāšanai?

Uztveriet tās kā orientējošas. Reālā pārvēršana drukāšanai ir atkarīga no printera, papīra un tintes [ICC profila](https://en.wikipedia.org/wiki/ICC_profile) (angliski). Tā pati RGB krāsa uz krītota un nekrītota papīra iznāk citāda. Vērtības šeit rēķina pēc standarta formulas, kas tuvina rezultātu, bet galīgo nospiedumu nosaka tipogrāfija.

### Kur Firefox vai Safari atrodas pipetes poga?

Tā ir paslēpta ar nolūku. [EyeDropper API](https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper_API) (MDN, angliski), uz kura poga balstās, pagaidām atbalsta tikai Chromium bāzētas pārlūkprogrammas (Chrome, Edge, Opera). Visas pārējās rīka funkcijas darbojas visur, trūkst tikai krāsas izvēle no ekrāna. Ja jums vajadzīga krāsa no attēla, izmantojiet [tiešsaistes krāsu pipeti](https://acrafto.com/lv/krasu-pipete-online/), kas darbojas visās pārlūkprogrammās.

### Vai mana krāsu vēsture ir privāta?

Jā. Vēsture ir saglabāta jūsu pārlūkprogrammas localStorage jūsu ierīcē. Nekas, ko izvēlaties, ielīmējat vai kopējat, netiek nekur nosūtīts. Viss rīks darbojas kā JavaScript jūsu pārlūkprogrammā, ko varat pārbaudīt izstrādātāja rīku cilnē Tīkls.

## 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))
- 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))
- Shqip (sq): [Zgjedhës ngjyrash](https://acrafto.com/sq/zgjedhes-ngjyrash-online-konvertues/) ([Markdown](https://acrafto.com/sq/zgjedhes-ngjyrash-online-konvertues/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))