Colors i disseny
Tria, converteix i combina colors i genera CSS per als teus dissenys.
- Calculadora de relació d'aspecte Calculadora de relació d'aspecte: simplifica qualsevol amplada i alçada, canvia la mida mantenint la proporció, compara 16:9, 4:3 o 21:9 i copia el codi CSS.
- Cercador del nom d'un color Troba el nom de qualsevol color. Introdueix un codi HEX o RGB i obtén els 5 noms més propers d'entre més de 30 000 colors amb nom, més el color CSS més proper.
- Combinador de tipografies Prova combinacions de tipografies per a títols i text amb 20 fonts de llicència oberta, ajusta la mida i l'interlineat i copia les piles CSS font-family.
- Comprovador de contrast de colors Comprovador de contrast WCAG gratuït. Posa un color de text i de fons i obtén la relació de contrast, els resultats AA/AAA i el color més proper que compleix.
- Convertidor de colors Converteix qualsevol color entre HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH i OKLCH. Enganxa un codi, mira el color i copia tots els formats amb un clic.
- Convertidor de px a rem Converteix px a rem i em amb qualsevol mida de lletra arrel, crea una taula de conversió en bloc i passa tots els valors en px d'un CSS a rem d'un clic.
- Editor de cubic-bezier CSS Dissenya corbes d'easing CSS amb un editor cubic-bezier arrossegable, compara-les amb linear en una animació i copia cubic-bezier() o una versió linear().
- Generador d'ombres CSS (box-shadow) Dissenya ombres CSS box-shadow en capes amb previsualització en directe. Ajusta desplaçament, desenfocament i color, prova el neumorfisme i copia el codi.
- Generador de border-radius CSS Dona forma al border-radius de CSS arrossegant punts. Defineix cada cantonada en px o %, usa la sintaxi el·líptica de 8 valors, crea blobs i copia el codi.
- Generador de clip-path CSS Dibuixa formes CSS clip-path amb punts arrossegables. Edita polígons, cercles i el·lipses, tria predefinits com estrelles i fletxes i copia el codi.
- Generador de degradats CSS Crea degradats CSS lineals, radials i cònics amb previsualització en directe. Afegeix parades de color, ajusta l'angle i copia el codi CSS amb un clic.
- Generador de Flexbox i CSS Grid Construeix maquetacions flexbox i CSS grid de manera visual. Defineix propietats, anomena àrees, mira el resultat en directe i copia el CSS i l'HTML.
- Generador de paletes de colors Genera paletes de colors a partir d'un color base amb regles d'harmonia: complementària, anàloga, triàdica, tetràdica, quadrada i monocromàtica.
- Generador de tints i ombres d'un color Genera tints i ombres de qualsevol color en passos del 5, 10, 20 o 25 %, barrejats en OKLCH o sRGB, i exporta'ls com a variables CSS o configuració de Tailwind.
- Paleta de colors a partir d'una imatge Extreu una paleta de colors de qualsevol imatge. Obre una foto i obtén-ne els colors dominants en codis HEX amb el seu percentatge, per copiar o exportar.
- Reductor de tipografies (subconjunts) Crea un subconjunt d'una tipografia amb els caràcters que necessites, al navegador. Obtén un TTF/OTF i un WOFF més petits, una previsualització i @font-face.
- Selector de colors Selector de colors en línia gratuït. Tria un color i copia a l'instant els seus codis HEX, RGB, HSL, HSV i CMYK, amb el contrast sobre blanc i negre.
- Selector de colors d'una imatge Obre una imatge i fes clic en un píxel per obtenir-ne el color en HEX, RGB, HSL, HSV i CMYK. Lupa, mitjanes i llista de colors triats, tot al navegador.
- Simulador de daltonisme Simulador de daltonisme gratuït. Mira qualsevol imatge amb protanopia, deuteranopia, tritanopia o acromatòpsia, en paral·lel o amb un lliscador.