Conversor de colores
Convierte entre HEX, RGB y HSL, y comprueba si el contraste entre el texto y el fondo cumple las pautas de accesibilidad.
HEX
#3366cc
RGB
rgb(51, 102, 204)
HSL
hsl(220, 60%, 50%)
Comprobación de contraste
Contraste 5.37 : 1 — cumple el nivel AA para texto normal, cumple el nivel AA para texto grande
Cómo se usa
Escribe un valor de color y el resto de notaciones se calculan solas. La almohadilla del HEX es opcional y también se entiende la forma abreviada de tres dígitos.
Junto al valor verás una muestra del color, así no tienes que imaginarte cómo es #3366cc. Va muy bien cuando pasas los colores de un diseño al código.
La comprobación de contraste toma un color de texto y uno de fondo y calcula la relación entre ambos. Las WCAG piden 4.5:1 para el texto normal y 3:1 para el texto grande. Por debajo de esa cifra, quien tiene poca visión deja de distinguir las palabras.
Nada de lo que escribas se envía a un servidor. Todo se calcula dentro de tu navegador.
Herramientas que se usan a continuación
Generador de códigos QR
Convierte un enlace o un texto en un código QR. Elige el tamaño y los colores y guárdalo como imagen.
Recortar imágenes
Recorta una foto arrastrando un recuadro de selección, fíjalo a 1:1, 4:3, 16:9 o a una proporción propia y guarda en JPG, PNG o WebP. Todo dentro de tu navegador.
Generador de letras bonitas
Convierte texto normal en negrita, cursiva, caligráfica, gótica, hueca, con círculos, al revés y otros estilos Unicode para pegar en la bio de Instagram, tuits, nombres de usuario y chats.
Conversor de unidades
Convierte unidades de longitud, peso, temperatura, superficie, volumen y tamaño de datos. Sistema métrico e imperial en la misma lista.