Disseny i CSS
Genera colors pràctics i CSS amb una vista prèvia local en directe.
Conversor de colors
Converteix colors HEX, RGB i HSL i visualitza el resultat exacte.
Obre l'eina →Generador de degradats CSS
Crea un degradat lineal de dos colors i copia CSS llest per a producció.
Obre l'eina →Comprovador de contrast WCAG
calcula la relació de contrast entre dos colors i comprova els llindars de text WCAG AA i AAA habituals.
Obre l'eina →Generador d'ombres de caixa CSS
compon una ombra de caixa amb valors de color, desplaçament, desenfocament i extensió en directe.
Obre l'eina →Generador d'ombres de text CSS
redacta una declaració de text-shadow llegible i previsualitza-la sobre un fons triat.
Obre l'eina →Generador de radi de vora CSS
defineix quatre radis de cantonada independents i exporta la declaració CSS resultant.
Obre l'eina →Generador responsive de CSS Clamp
calcula una expressió de clamp fluida entre les mides mínima i màxima al llarg de les amplades del viewport.
Obre l'eina →Convertidor PX ↔ REM
converteix píxels i unitats rem utilitzant una mida de font arrel explícita per a dissenys accessibles.
Obre l'eina →Generador de triangles CSS
genera un triangle de vora CSS de mida zero per a quatre direccions amb mida i color configurables.
Obre l'eina →Generador de tons de color
creeu una escala de tonalitats de clar a fosc determinista a partir d'un color HEX amb variables CSS copiables.
Obre l'eina →Generador de carregador CSS
genera un spinner lleuger i accessible amb mida, gruix, velocitat i colors configurables.
Obre l'eina →Calculadora d'especificitat CSS
calcula l’especificitat del selector i compara ID, classes, atributs, pseudoclasses i selectors d’elements.
Obre l'eina →Constructor de funcions d'aplanament CSS
valida els punts de control cubic-bezier i genera CSS de temporització de transició reutilitzable.
Obre l'eina →Extractor de propietats personalitzades CSS
troba les declaracions de variables CSS, les definicions duplicades i els seus darrers valors de text resolts.
Obre l'eina →Generador de consultes multimèdia CSS
generar consultes de mitjans d'amplada, orientació i preferència de moviment a partir de condicions responsives explícites.
Obre l'eina →Extractor de valors de color CSS
extreu i compta valors de color HEX, RGB, HSL i funcionals moderns del CSS enganxat.
Obre l'eina →Generador de regles d'compatibilitat CSS
generar consultes de característiques positives i de reserva a partir d'una sola declaració CSS validada.
Obre l'eina →Constructor de pila de fonts CSS
construeix una pila de font-family entre cometes amb una alternativa genèrica explícita i eliminació de duplicats.
Obre l'eina →Analitzador de CSS Z-Index
extreu les declaracions numèriques de z-index i classifica els valors d'apilament sense executar el full d'estil.
Obre l'eina →Auditor de la durada de l'animació CSS
inventaria els temps d'animació i transició i informa si hi ha gestió de moviment reduït.
Obre l'eina →Inventari de punts d'interrupció CSS
extreu els punts d’interrupció de les media queries min-width i max-width i informa’n de la freqüència i l’ordre.
Obre l'eina →Comprovador de propietats lògiques CSS
compara l'ús de propietats CSS físiques i relatives al flux per a dissenys compatibles amb writing-mode.
Obre l'eina →Inventari de mides de font CSS
extreu les declaracions de mida de lletra per valor i unitat per revelar escales tipogràfiques inconsistents.
Obre l'eina →Analitzador de pistes de CSS Grid
declaracions de files i columnes de grid-template d’inventari amb resums d’ús de repeat i minmax.
Obre l'eina →No hi ha cap eina que coincideixi en aquesta pàgina.