Tiešsaistes krāsu atlasītājs

Izmantojiet šo tiešsaistes krāsu atlasītāju, lai izvēlētos krāsu no augšupielādēta attēla, paņemtu krāsu no ekrāna, ja pārlūks to atbalsta, vai ievadītu krāsas vērtību manuāli. Pārveidojiet atlasīto krāsu, iegūstiet attēla paleti, ģenerējiet saderīgas krāsas, pārbaudiet teksta kontrastu un kopējiet CSS mainīgos, nepārslēdzoties uz citu lapu.

1. Krāsas izvēle no attēla

Izvēlieties lokālu attēlu, virziet kursoru pāri attēlam, lai priekšskatītu pikseļus, un noklikšķiniet, lai izvēlētos krāsu. Pēc klikšķa izmantojiet bulttaustiņus, lai precīzāk pielāgotu izvēlēto pikseli.

Attēls vēl nav izvēlēts. Lai sāktu krāsu atlasi, izvēlieties attēlu augstāk.
Izvēlētā attēla priekšskatījums
Attēla palete
Noklikšķiniet uz krāsas, lai to lietotu
Augšupielādējiet attēlu, lai iegūtu tā galvenās krāsas.
Citi veidi, kā izvēlēties krāsu
2. Krāsas izvēle no ekrāna

Izmantojiet pārlūka ekrāna krāsu atlasītāju, ja tas tiek atbalstīts. Pārlūkam var būt nepieciešams brīdis, lai atvērtu iebūvēto atlasītāju.

3. Ievadīt krāsu manuāli

Ievadiet HEX vai HEXA vērtību, piemēram, #2563EB vai #2563EBFF.

Palete
Noklikšķiniet uz krāsas, lai to lietotu
Saderīgas krāsas
Gaišākas un tumšākas nokrāsas
Pašreizējā krāsa
#2563EB

Rezultāts

Izmantošana saskarnē
Teksta kontrasts un CSS
Teksta kontrasts un UI krāsu pāris
CSS mainīgie

                        
StarryTool privātuma paziņojums: StarryTool augstu vērtē jūsu privātumu. Visa datu apstrāde šajā lapā tiek veikta jūsu ierīcē, izmantojot klienta puses JavaScript, tādējādi nodrošinot datu drošību. Mēs nereģistrējam un neglabājam nekādus iesniegtos vai ģenerētos datus. Plašāku informāciju par mūsu vietnes privātuma praksi skatiet mūsu Privātuma politikā.

Par tiešsaistes krāsu atlasītāju

Izmantojiet šo tiešsaistes krāsu atlasītāju, lai izvēlētos krāsu no augšupielādēta attēla, paņemtu krāsu no ekrāna, ja pārlūks to atbalsta, vai ievadītu krāsas vērtību manuāli. Atlasītā krāsa uzreiz tiek pārveidota bieži lietotos formātos, piemēram, HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV un CMYK, lai vajadzīgo vērtību varētu nokopēt, nepārslēdzoties uz citu lapu.

• Funkcijas

Krāsas izvēle no attēla: izvēlieties lokālu attēlu un virziet kursoru pāri attēlam, lai priekšskatītu tuvākos pikseļus. Noklikšķiniet uz attēla, lai izvēlētos pašreizējo krāsu. Attēla paletes iegūšana: pēc attēla augšupielādes rīks izveido kompaktu galveno krāsu paleti, kuru var kopēt vai lietot kā pašreizējo krāsu. Pikseļa līmeņa pielāgošana: pēc krāsas izvēles no attēla izmantojiet bulttaustiņus, lai precīzāk mainītu izvēlētā pikseļa pozīciju. Krāsas izvēle no ekrāna: izmantojiet pārlūka ekrāna krāsu atlasītāju, ja šo iespēju atbalsta jūsu pārlūks. Manuāla krāsas ievade: ievadiet krāsu manuāli, izmantojot krāsu atlasītāju vai HEX / HEXA vērtību, piemēram, #2563EB vai #2563EBFF. Vairāki krāsu formāti: pārveidojiet atlasīto krāsu HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV un CMYK formātos. Saderīgas krāsas: no pašreizējās krāsas ģenerējiet papildkrāsu, analogās un triādiskās krāsas, kā arī maigas gaišās nokrāsas un pieslāpētus toņus. Gaišākas un tumšākas nokrāsas: izveidojiet praktisku krāsu skalu no gaišas līdz tumšai, ko var izmantot foniem, apmalēm, hover stāvokļiem, nozīmītēm un UI komponentiem. Teksta kontrasts un UI krāsu pāri: salīdziniet baltu un melnu tekstu, izmantojot WCAG kontrastu, skatiet APCA tipa uztveres atsauci un saņemiet ērtāku UI krāsu pāra ieteikumu, ja augsti piesātinātai krāsai nepieciešams tumšāks vai gaišāks fons. CSS mainīgie: kopējiet gatavus CSS mainīgos pašreizējai krāsai, gaišajām un tumšajām variācijām, salasāmai teksta krāsai un ieteiktajam UI fona/teksta pārim. Apstrāde pārlūkā: attēla nolasīšana, krāsu atlase, paletes iegūšana un krāsu pārveidošana tiek veikta tieši jūsu pārlūkā, bez atsevišķas lietotnes instalēšanas.

• Piezīmes

Ekrāna krāsu atlasītājs ir atkarīgs no pārlūka atbalsta. Ja pārlūks neatbalsta krāsas izvēli no ekrāna, joprojām varat izmantot attēla atlasi vai manuālo ievadi. Izvēloties krāsu no attēla, attēls var tikt mērogots, lai ietilptu lapā, taču atlasītā krāsa tiek piesaistīta atpakaļ oriģinālā attēla pikseļa pozīcijai. Teksta kontrasts tiek aprēķināts no atlasītās vienkrāsainās krāsas. Ja teksts atrodas uz gradienta, fotoattēla, caurspīdīga vai fakturēta fona, pārbaudiet gala dizainu arī vizuāli. APCA tipa vērtība tiek rādīta kā uztveres atsauce līdzās WCAG kontrastam. WCAG kontrasts šajā lapā paliek galvenā pieejamības atbilstības pārbaude. Saskarnēs, dokumentos, attēlos vai drukas materiālos izmantoto krāsu gala izskats var atšķirties atkarībā no ekrāna iestatījumiem, krāsu profiliem, failu formātiem un izvades ierīcēm. :wiki_link
#2563EB
rgb(37, 99, 235)
x: 0, y: 0
Nokopēts