Strumenti CSS e colori
Gli strumenti di design di Nouplo per il front-end in un unico posto: CSS da incollare, conversione dei colori e verifiche di contrasto, palette e contagocce, e icone, SVG e testo segnaposto. Tutto funziona nel tuo browser.
Generatori CSS
Colori e contrasto
◒ Convertitore di colore HEX, RGB, HSL e CMYK — più il rapporto di contrasto che decide la leggibilità. ◐ Verifica del contrasto Se qualcuno riesce davvero a leggerlo. ◒ Strumenti per immagini Generatore di palette di colori Premi la barra spaziatrice per una nuova palette; blocca i colori che ti piacciono. ◉ Strumenti per immagini Contagocce colore da immagine Un clic per un codice colore, un pulsante per la palette dell’immagine. ◉ Strumenti per immagini Palette di colori da un’immagine I colori principali dell’immagine, in codici hex. ◒ Strumenti per immagini Simulatore di daltonismo Circa un uomo su dodici non riesce a leggere una legenda rossa su verde.
Icone, SVG e testo segnaposto
◰ Strumenti per immagini Generatore di favicon Entra un’immagine; escono favicon.ico, apple-touch-icon, icone del manifest e i tag da incollare. ⇄ Convertitori Da SVG a PNG Trasforma un vettoriale in una bitmap nitida per le piattaforme che non accettano l'SVG, senza inviarlo da nessuna parte. ◇ Convertitori Immagine in SVG Un’immagine ridisegnata in contorni che restano nitidi a ogni misura. • Strumenti di testo Lorem Ipsum Testo segnaposto per impaginati e mockup, con tutti i paragrafi, le frasi o le parole che ti servono.
Domande frequenti
- Posso incollare il risultato direttamente nel foglio di stile?
- Sì. Le pagine per gradienti, box-shadow e cubic-bezier scrivono la dichiarazione CSS vera e propria, pronta da copiare, e il convertitore di colori dà lo stesso colore in ogni notazione CSS.
- Quale standard di contrasto usa la verifica?
- WCAG 2: mostra il rapporto di contrasto e se una coppia di colori supera i livelli AA e AAA per il testo normale, il testo grande e gli elementi dell’interfaccia.
- Perché alcune schede portano a un altro sito?
- Il generatore di palette, il contagocce e il generatore di favicon lavorano sulle immagini, quindi sono sul sito delle immagini di Nouplo; la conversione SVG è sul sito dei convertitori e il lorem ipsum sul sito dei testi. Le schede indicano dove portano.
- Le mie immagini vengono caricate?
- No. Le immagini aperte per prelevare colori o creare una favicon vengono lette nel tuo browser e non lasciano mai il tuo dispositivo.