IMAGE · 5/8 COLORS · PNG · CSS
Generador de paletas de dibujos
Sube una ilustración, extrae cinco u ocho colores dominantes en local, bloquea las muestras útiles y exporta valores HEX, RGB y HSB.
Generar una paleta de dibujosToon Tone
Toon Tone es un juego de adivinar colores de personajes animados: ajusta tono, saturación y brillo para recrear colores icónicos de memoria. Toon Tone convierte cada ronda en práctica visual.
46 retos iniciales5 rondas al díaSin cuenta
1/5
Iguala el color de
antifaz azul de Leonardo
Inspirado en Teenage Mutant Ninja Turtles (1987)
Tu color
Original
IMAGE · HEX · RGB · HSB
Selector de color de imagen
Carga una imagen, toma un píxel exacto y guarda sus valores HEX, RGB y HSB sin enviar el archivo a un servidor.
Elegir un color de una imagenIMAGE · RECOLOR · ALPHA · PNG
Reemplazar un color en una imagen
Pulsa un color de una imagen local, controla el rango, conserva el sombreado y descarga un PNG recoloreado o transparente.
Abrir el reemplazadorHEX · IMAGE · CSS NAMES · ΔE
Buscador de nombres de colores
Pon nombre a un HEX o píxel de imagen con la palabra CSS más cercana, cinco alternativas medidas y el objetivo de personaje más próximo.
Encontrar el nombre del colorHSB · HEX · RGB
Selector de color HSB
Ajusta matiz, saturación y brillo mientras los valores HEX y RGB se actualizan juntos en el navegador.
Abrir el selector HSBWHEEL · 5 RULES · CSS · PNG
Generador de armonía de color
Elige un color HEX, compara cinco reglas de la rueda cromática, asigna funciones prácticas y exporta una paleta reutilizable.
Crear una armonía de colorHEX · TINTS · SHADES · WCAG
Generador de tonos de color
Convierte un HEX en una escala útil de luces y sombras con contraste, variables CSS y exportación PNG.
Generar tonosWCAG 2.2 · AA · AAA · HEX
Comprobador de contraste de color
Evalúa dos colores HEX con WCAG AA y AAA, corrige el primer plano y revisa todas las combinaciones de una paleta.
Comprobar contrasteIMAGE · PROTAN · DEUTAN · TRITAN
Simulador de daltonismo
Compara una imagen con tres modelos de deficiencia de la visión del color, ajusta la intensidad visual y exporta un PNG etiquetado sin subir archivos.
Simular la visión del colorCIEDE2000 · HEX · HSB
Calculadora Delta E
Compara dos colores HEX con una calculadora Delta E CIEDE2000 gratuita, muestras visuales, diferencias HSB, orientación práctica y límites claros.
Abrir la calculadora Delta EArtículo más reciente
RGB vs CMYK: guía práctica para pantalla e impresión
Trabaja en RGB mientras el diseño esté destinado a pantallas y conserva un original RGB editable. Convierte una copia al perfil CMYK solicitado por la imprenta solo cuando conozcas la salida, la condición de impresión y el proceso de prueba.
Adivina en Toon Tone colores de personajes, no muestras al azar.
La gracia de Toon Tone está en la memoria visual: sabes cómo debería verse el personaje, pero clavar el tono exacto cuesta más de lo que parece. Toon Tone mantiene cada reto específico.
Ver el juego de colores animadosExplorar la bibliotecaVer personajes animados por colorVer paletasTest de memoria de coloresGenerador de paletasSelector de color de imagenReemplazar colorBuscador de nombres de coloresSelector de color HSBGenerador de armonía de colorMezclador de coloresGenerador de tonosSimulador de daltonismoComprobador de contrastePersonajes azulesPersonajes rojos
En vivo
Maestros del tono
- 1TonePlayer 30742026-08-1275.60/100
- 2TonePlayer 29532026-08-1267.80/100
Método, evidencias y responsabilidad editorial
Cómo Toon Tone convierte un color recordado en un juego medible
Toon Tone es un juego gratuito de navegador que pide reconstruir un tono nombrado de un personaje antes de enseñar la respuesta. El juego registra matiz, saturación y brillo, convierte intento y objetivo en colores de pantalla, los compara con CIEDE2000 y devuelve una puntuación transparente de 0 a 100. La revelación permanece visible para que cada resultado sugiera un siguiente paso comprensible.
El método de puntuación de Toon Tone
Una ronda de Toon Tone empieza con un personaje y una parte concreta, no con una muestra sin contexto. En el juego, el matiz va de 0° a 360° y la saturación y el brillo de 0% a 100%. Tras enviar, la aplicación convierte los dos tríos HSB en valores orientados a pantalla y calcula su distancia CIEDE2000. Este cálculo asigna una nota mayor a una distancia menor con la regla publicada score = round(100 − 2 × ΔE00), limitada entre 0 y 100.
Ese número es feedback del juego, no un diagnóstico ni una tolerancia industrial. Cinco rondas suman como máximo 500; el resultado compartido muestra la media de 0 a 100. La interfaz también enseña las muestras de intento y objetivo y sus HSB. Así se distingue un fallo de matiz, saturación o brillo sin tratar una cifra sin explicación como autoridad absoluta.
La semilla diaria reproduce los mismos cinco objetivos para todos. Al guardar, el servidor vuelve a calcular la entrega con esos objetivos y valores HSB. Esto hace coherente el marcador, pero no convierte el ranking en un estudio científico. Los nombres y resultados públicos proceden de usuarios, cambian aparte del texto editorial y no prueban una capacidad media.
Un ciclo repetible de práctica Toon Tone
Toon Tone funciona mejor cuando cada revelación cambia una decisión de la siguiente ronda de Toon Tone.
- 1. Nombra el objetivo Toon ToneLee la parte del personaje, imagina la familia del color y deja que Toon Tone oculte la respuesta hasta el envío.
- 2. Construye el intento Toon ToneAjusta primero matiz, luego saturación y brillo, para que cada corrección de Toon Tone pueda explicarse.
- 3. Revisa la revelación Toon ToneCompara los canales HSB y la nota Toon Tone basada en CIEDE2000 y corrige el mayor desvío después.
Datos de Toon Tone de un vistazo
| Medida | Valor publicado | Qué significa |
|---|---|---|
| Formato diario | 5 rondas | El juego agrupa cinco objetivos nombrados en un resultado diario. |
| Controles HSB | 3 canales | Los controles separan matiz, saturación y brillo. |
| Rangos de entrada | 0–360°; 0–100%; 0–100% | Toon Tone publica cada rango junto al control. |
| Ronda y partida | 0–100; 0–500 | Toon Tone muestra la nota de ronda y el total de cinco rondas. |
| Rutas localizadas | 8 idiomas | Toon Tone mantiene páginas equivalentes en todos sus idiomas. |
Estándares detrás de las explicaciones Toon Tone
Toon Tone enlaza afirmaciones medibles con estándares primarios o investigación original. Los números de Toon Tone salen de la interfaz y el código publicados; las especificaciones externas mandan sobre color web y accesibilidad.
La especificación CSS Color del W3C dice en el original:
“Hue is represented as an angle of the color circle.”
Fuentes primarias utilizadas por Toon Tone
- CSS Color Module Level 4CSS Color Level 4 define ángulos de matiz y representaciones sRGB que explica Toon Tone.
- Web Content Accessibility Guidelines (WCAG) 2.2WCAG 2.2 publica umbrales 4,5:1 y 3:1 para el comprobador de contraste Toon Tone separado.
- The CIEDE2000 color-difference formulaSharma, Wu y Dalal documentan implementación y pruebas CIEDE2000 relevantes para Toon Tone.
Lo que una nota Toon Tone no demuestra
Toon Tone publica límites porque una cifra precisa aún puede malinterpretarse. Toon Tone es entretenimiento y práctica.
- Toon Tone no diagnostica visión cromática, vista, memoria ni ninguna condición médica.
- Toon Tone no certifica un color oficial de estudio, marca, imprenta, pintura o fabricación.
- Toon Tone no sustituye una prueba WCAG, una medición calibrada o una revisión bajo el estándar aplicable.
Comprueba el método Toon Tone
Lee cómo Toon Tone elige fuentes, separa los envíos cambiantes del ranking y corrige material publicado; después inspecciona dos colores con la calculadora Delta E.
FAQ
Preguntas sobre Toon Tone
¿Qué es Toon Tone?
Un juego para adivinar colores de personajes animados usando deslizadores HSB.
¿Es gratis?
Sí, Toon Tone se puede jugar gratis en el navegador y no requiere cuenta.
¿Cómo se puntúa?
Compara tu color con el objetivo mediante una distancia perceptual y lo convierte en una nota de 0 a 100.
¿Qué pasa con los personajes?
La versión inicial usa prompts conocidos y recursos de prueba reemplazables si hace falta.