Zein kolore-kode ematen dizkit?

HEX, RGB, HSL, HSV, CMYK eta OKLCH kolore beraren, kopiatzeko prest.

Pantailako kolore bat hauta dezaket?

Bai, Hautatu pantailatik aukerarekin Chromium oinarritutako nabigatzaileetan, hala nola Chrome eta Edge. Botoia ezkutatuta dago zure nabigatzaileak onartzen ez badu.

Testua irakurgarria den egiaztatzen du kolorearen gainean?

Bai. WCAG kontraste-erlazioa erakusten du zuriaren eta beltzaren aurka eta AA handia, AA, AAA edo Huts egiten du gisa markatzen du. Kolore osagarriak, triadikoak, analogoak eta monokromatikoak ere iradokitzen ditu.

Bai. Tresna guztiak doakoak dira, konturik gabe eta kreditu-txartelik gabe. Lanak zure gailuan egiten dira gure zerbitzarietan egin beharrean, eta horri esker mantentzen da doakoa.

Mugikorrean funtzionatzen al du?

Bai. iOS eta Android-eko mugikorretako oraingo nabigatzaileetan funtzionatzen du, ezer instalatu gabe.

🎨

Kolore-hautatzailea eta Paleta Sortzailea doan

Aukeratu koloreak, bihurtu HEX/RGB/HSL artean eta sortu paleta harmoniatsuak.

Nabigatzailean exekutatzen daEz erregistrorik, ez leihatila gainerakorikEz da saioa hasi beharBetiko doan

Linez kanpo funtzionatzen du behin kargatuta

Kolore-hautatzailea

HEX

HSV

h217°

s76%

v96%

pantaila bakarrik

RGB

HSL

Formatu gehiago

Alfa100%

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 kontrastea

Izena duen kolore hurbilena: dodgerblue · Testu beltza errazago irakurtzen da hemen (5,71:1)

Testua zurian3,68:1AA handia

Testua beltzan5,71:1AA

Testua #ffffff gainean3,68:1AA handia

Alderatu beste kolore batekin

Ñabardurak eta tonuak (50–950)

Izena

Kolore paleta

Osagarria

#3b82f6

#f6af3c

Triazikoa

#3b82f6

#f63c83

#83f63c

Analogikoa

#3ce0f6

#3b82f6

#523cf6

Monokuladora

#073c92

#0a5adb

#3b82f6

#85b2f9

#cee0fd

Ohiko erabilerak

Kolorea Aukera Web DiseinurakoAukeratu eta sortu kolorea zure webgunerako — jaso HEX, RGB, eta HSL balioak eta harmonioa paleta.
Kolorea Aukera MarkatzaileSortu zure marken kolorea paleta — aukeratu primario, sekundario eta atzean kolorea lan elkarrekin.
Kolorea Aukera Sare SozialarentzatSortu begi-gutzeneko kolorea paleta sare soziala argitalpenekin, istorioak eta profil diseinua.
Kolorea Aukera Inprimakian DiseinurakoAukeratu kolorea inprimatutako materialarentzat — pliegos, negozio kortak, katibakoiak — zehatza kolorea aurre ikuspegia.
Kolorea Aukera AurkezpenetarakoDiseinua slide kolorea egitea — aukeratu irakurgarria testua kolorea, diagrama paleta eta konstante atzean tonuak.

Nola Funtzionatzen Du

Dena zuzenean zure nabigatzailean funtzionatzen du eskuz idatzitako bihurketa-matematika erabiliz — kolore-liburutegirik ez, zerbitzari-joan-etorririk ez. Kolore bat aukeratzen duzu nabigatzailearen jatorrizko kolore-sarreraren bidez edo EyeDropper API bidez, eta tresnak berehala sei formatura bihurtzen du, aldi berean WCAG kontraste-erlazioak kalkulatzen eta armonia-paletak sortzen dituen bitartean.

1
Kolore-sarrera API jatorrizkoaren bidez
Kolore bat aukeratzen duzu nabigatzailearen barneko <input type="color"> widgetaren bidez, edo — Chromium oinarritutako nabigatzaileetan — EyeDropper APIak zure pantailako edozein pixel laginketa egiteko aukera ematen dizu. Bi bideek hamaseitarreko kate bat itzultzen dute, egiaren iturri bakar bihurtzen dena.
2
Eskuz idatzitako formatu-bihurketak
Tresnak hamaseitarreko balioa RGB, HSL, HSV, CMYK eta OKLCHra bihurtzen du bere matematika-funtzioekin (kanpo liburutegirik gabe). OKLCH bihurketak sRGB kanalak lerrokatzen ditu, OKLab erro-kubikoko matrizea aplikatzen du, gero kroma eta tonu-angelua eratortzen ditu — CSS Color Level 4 irteera modernoarekin bat datorrena.
3
WCAG kontraste-erlazioaren kalkulua
Luminantzia erlatiboa RGB kanal lerrokatuetatik kalkulatzen da WCAG 2.x formula erabiliz. Tresnak gero zuri hutsaren eta beltz hutsaren aurkako kontraste-erlazioak kalkulatzen ditu eta AA-handia, AA, AAA edo Huts gisa etiketatzen ditu WCAG atalaseen arabera (3:1, 4,5:1, 7:1).
4
Armonia-paleta sorkuntza eta gordetze lokala
Kolore-lagin osagarriak, triadikoak, analogoak eta monokromatikoak HSL tonu eta argitasun-balioak matematikoki biratuz edo urratsez urrats aldatuz eratortzen dira. Gordetako paletak zure nabigatzaileko localStorage-en idazten dira — ezer ez da zure gailutik ateratzen.

Erlazionatutako tresnak

🎨

Ausazko koloreen sortzailea

Sortu ausazko koloreak banan-banan edo bost koloreko paleta gisa, blokeatu gustatzen zaizkizunak, kopiatu HEX, RGB edo HSL balioak eta esportatu paleta PNG edo CSS gisa.

Probatu

🎨