Visi rīki

Krāsu formātu konvertētājs

Ievadiet HEX krāsu un uzreiz skatiet to konvertētu uz RGB, RGBA, HSL, HSLA, HWB, CMYK un CSS nosaukumu formātiem — ar kopēšanas pogām katram.

HEX#3B82F6
RGBrgb(59, 130, 246)
RGBArgba(59, 130, 246, 1)
HSLhsl(217, 91%, 60%)
HSLAhsla(217, 91%, 60%, 1)
HWBhwb(217 23% 4%)
CMYKcmyk(76%, 47%, 0%, 4%)
Buy me a coffee

Par krāsu formātiem

  • HEX — 6 ciparu heksadecimālā notācija, ko izmanto CSS un dizaina rīkos.
  • RGB / RGBA — Sarkano, zaļo, zilo kanāli (0–255). RGBA pievieno alfa caurspīdīgumu (0–1).
  • HSL / HSLA — Krāsas tonis (0–360°), piesātinājums %, spilgtums %. Bieži intuitīvāks dizaineriem.
  • HWB — Krāsas tonis, baltums, melnums. Jaunāks CSS krāsu modelis.
  • CMYK — Ciāns, fuksīns, dzeltens, melnais. Tiek izmantots drukāšanas dizainā.

Saistītie rīki

Krāsu toņu ģenerātors

Ģenerē 10 pakāpju toņu paleti (50–900) no jebkuras bāzes krāsas kā Tailwind CSS. Kopē HEX, RGB un CSS mainīgos.

Krāsu gradientu paletes ģenerātors

Ģenerē vienmērīgus RGB gradientus starp divām krāsām ar 3–20 soļiem. Kopē HEX, CSS linear-gradient vai Tailwind masīvu.

Krāsu kontrasta analizators

Pārbauda WCAG 2.1 kontrasta attiecības. Nokārtots/neizturēts AA un AAA līmeņiem — plus automātiski ieteikumi un teksta priekšskatījums.

Krāsainas akluma simulators

Augšupielādē attēlu, lai redzētu to ar protanopiju, deuteranopiju, tritanopiju un achromatopsiju.

Tiešsaistes krāsu izvēlne — HEX, RGB & HSL

Izvēlies jebkuru krāsu vizuāli ar HSV izvēlni. Eksportē kā HEX, RGB vai HSL.

Krāsu ritenis tiešsaistē — interaktīvs HSL krāsu izvēlētājs

Interaktīvs HSL krāsu ritenis. Noklikšķini uz jebkura punkta, lai izvēlētos tā nokrāsu un piesātinājumu.

Attēla krāsu izvēlne — krāsas no fotoattēliem

Augšupielādē jebkuru attēlu un noklikšķini, lai paraugotu krāsas tieši no pikseļiem.

HEX uz RGB krāsu pārveidotājs

Pārveido HEX krāsu kodus uz RGB, HSL, HSV un CMYK vērtībām uzreiz.

RGB uz HEX krāsu pārveidotājs

Iestatiet R, G, B vērtības ar slīdņiem vai ievadiem un iegūstiet HEX, HSL izvadi.

Krāsu kontrasta pārbaudītājs — WCAG AA & AAA

Pārbaudi WCAG 2.1 krāsu kontrasta attiecību AA un AAA atbilstībai. Tiešā teksta priekšskatījums.

Krāsu maisītājs & gradienta ģenerātors

Sajauc divas krāsas ar attiecības slīdni. Iegūsti pilnu gradientu paleti.

CSS krāsu nosaukumi — visas 148 krāsas

Pārlūko visas 148 CSS nosauktās krāsas ar to HEX un RGB vērtībām.

Material Design krāsu tabula & palete

Material Design krāsu palete — 19 nokrāsu saimes × 10 toņi katrai.

Minecraft krāsu kodi & formatēšana

Visi Minecraft §-prefiksa krāsu un formatēšanas kodi ar priekšskatījumiem.

Roblox krāsu kodi & BrickColor ID

Pilna Roblox BrickColor palete ar krāsu ID un RGB vērtībām.

Krāsu paletes ģenerātors

Ģenerē harmoniskas krāsu paletes no bāzes krāsas — komplementāras, triādiskas un analogas.