Un designer ti invia un colore in hex: #1A73E8. Il tuo framework CSS vuole HSL. Il tuo codebase iOS ha bisogno di valori RGB tra 0 e 1. Il tuo progetto Android usa interi ARGB. Un colore, quattro formati, e stai aprendo una scheda del browser per convertirli — di nuovo.
La conversione dei colori è matematica banale (da hex a RGB è solo base-16 in decimale), ma farla a mente per tre canali mentre cerchi di rimanere concentrato sul layout o sullo styling è una distrazione di cui non hai bisogno.
Cosa Offre macOS
macOS ha un selettore di colori integrato accessibile da alcune app tramite il pannello colori di sistema. Mostra cursori RGB e un campo hex, ma è progettato per scegliere colori visivamente, non per convertire tra formati in modo programmatico. Non c'è un modo semplice per incollare un codice hex e ottenere l'equivalente HSL, o per inserire interi RGB e copiare l'output hex. Ed è nascosto dentro app specifiche piuttosto che disponibile a livello di sistema.
Converti i Colori Istantaneamente tra Formati
Bellows include un convertitore di colori tra i suoi 41 strumenti per sviluppatori. Inserisci un colore in qualsiasi formato supportato — hex, RGB, HSL — e vedi i valori equivalenti in ogni altro formato. Copia la rappresentazione che ti serve con un clic.
Dal Design al Codice
Figma esporta i colori come hex. Tailwind CSS usa valori di colore personalizzati. SwiftUI vuole Color(red:green:blue:) con valori decimali. Android XML usa #AARRGGBB. Avere tutti i formati visibili contemporaneamente elimina i calcoli mentali e gli andirivieni verso siti di conversione.
Verificare Contrasto e Leggibilità
Quando puoi vedere il colore renderizzato accanto ai suoi valori numerici, puoi verificare rapidamente se un colore di testo sarà leggibile su uno sfondo. Questo è più veloce che passare a un controllo di contrasto separato per ogni coppia di colori nel tuo foglio di stile.
Accesso dalla Barra dei Menu
Serve una conversione rapida mentre scrivi CSS? Clicca sull'icona Bellows nella barra dei menu, seleziona lo strumento colore, incolla il codice hex e copia il valore RGB. L'intera interazione richiede meno di cinque secondi e non lasci mai il tuo editor.