Español
Diseño y color
Elige colores, crea CSS y SVG y dibuja.
39 Herramientas10 idiomasSin cuenta
Favoritos · Usadas recientemente
El historial y los favoritos se guardan solo en este dispositivo.
Todas las herramientas
39- Conversor de códigos de colorConvierte HEX a RGB y HSLAbrir herramienta
- Generador de degradados CSSCrea un degradado de dos colores y copia su CSSAbrir herramienta
- Calculadora de proporcionesSimplifica proporciones y calcula nuevas dimensionesAbrir herramienta
- Conversor PX y REMConvierte según el tamaño de fuente raízAbrir herramienta
- Paleta de colores aleatoriosGenera una paleta y copia sus códigos HEXAbrir herramienta
- Pizarra, dibujo y diagramasCrea diagramas y mapas mentales con formas, flechas, texto e imágenes y guarda proyectos editablesAbrir herramienta
- Editor de pixel artPinta una cuadrícula de 16×16 píxelesAbrir herramienta
- Paleta de armonía de coloresCrea colores complementarios, análogos y triádicosAbrir herramienta
- Generador de sombras CSSGenerador de sombras CSS — Elige tamaños o colores y revisa el código o resultadoAbrir herramienta
- Generador de esquinas CSSGenerador de esquinas CSS — Elige tamaños o colores y revisa el código o resultadoAbrir herramienta
- Generador de transformaciones CSSGenerador de transformaciones CSS — Elige tamaños o colores y revisa el código o resultadoAbrir herramienta
- Generador de cuadrículas CSSGenerador de cuadrículas CSS — Elige tamaños o colores y revisa el código o resultadoAbrir herramienta
- Tamaño de fuente fluido CSSTamaño de fuente fluido CSS — Elige tamaños o colores y revisa el código o resultadoAbrir herramienta
- Mezclador de coloresMezclador de colores — Elige tamaños o colores y revisa el código o resultadoAbrir herramienta
- Tintes y sombras de colorTintes y sombras de color — Elige tamaños o colores y revisa el código o resultadoAbrir herramienta
- Transparencia HEXTransparencia HEX — Elige tamaños o colores y revisa el código o resultadoAbrir herramienta
- Generador de patrones SVGGenerador de patrones SVG — Elige tamaños o colores y revisa el código o resultadoAbrir herramienta
- Escapar identificadores CSSEscapar identificadores CSS — Introduce datos y revisa su formato o contenidoAbrir herramienta
- Crear variables CSSCrear variables CSS — Introduce datos y revisa su formato o contenidoAbrir herramienta
- Generar consultas de medios CSSGenerar consultas de medios CSS — Introduce datos y revisa su formato o contenidoAbrir herramienta
- Generar animaciones CSSGenerar animaciones CSS — Introduce datos y revisa su formato o contenidoAbrir herramienta
- Inspeccionar canales RGBInspeccionar canales RGB — Elige tamaños o colores y revisa el código o resultadoAbrir herramienta
- Luminancia relativa del colorLuminancia relativa del color — Elige tamaños o colores y revisa el código o resultadoAbrir herramienta
- Invertir colorInvertir color — Elige tamaños o colores y revisa el código o resultadoAbrir herramienta
- Generar filtros CSSGenerar filtros CSS — Elige tamaños o colores y revisa el código o resultadoAbrir herramienta
- Escala de espacios CSSEscala de espacios CSS — Elige tamaños o colores y revisa el código o resultadoAbrir herramienta
- Escala tipográfica CSSEscala tipográfica CSS — Elige tamaños o colores y revisa el código o resultadoAbrir herramienta
- Generar botones CSSGenerar botones CSS — Elige tamaños o colores y revisa el código o resultadoAbrir herramienta
- Generar insignias SVGGenerar insignias SVG — Elige tamaños o colores y revisa el código o resultadoAbrir herramienta
- Generar ondas SVGGenerar ondas SVG — Elige tamaños o colores y revisa el código o resultadoAbrir herramienta
- Texto a imagenTexto a imagen — Guía de entrada → Guardar resultadoAbrir herramienta
- Imagen de paleta de coloresImagen de paleta de colores — Guía de entrada → Guardar resultadoAbrir herramienta
- SVG · Sprite · GeneradorEntradas: Un ID y ruta SVG por línea, separados por barra vertical, Tamaño (px)Abrir herramienta
- CSS · Variable · AnálisisEntradas: CSSAbrir herramienta
- Patrones de mandalaCambia ajustes para actualizar la vista previa y guarda el resultadoAbrir herramienta
- Curvas espirógrafoCambia ajustes para actualizar la vista previa y guarda el resultadoAbrir herramienta
Elige tu tarea
Elige colores, crea CSS y SVG y dibuja.
- Colores y contrasteConversor de códigos de color · Generador de degradados CSS · Paleta de colores aleatorios
- CSS y diseñoCalculadora de proporciones · Conversor PX y REM · Generador de sombras CSS
- SVG y gráficosGenerador de patrones SVG · Generar insignias SVG · Generar ondas SVG
- Dibujo y pixel artPizarra, dibujo y diagramas · Editor de pixel art
Los datos de la herramienta quedan en tu dispositivo.
Gratis y sin descargar la herramienta.