Test10

Paleta oficial de colores de WikiFSF Guía visual, simbólica y técnica de los 25 colores FSF

Un lenguaje visual para organizar el conocimiento
La paleta de WikiFSF reúne 25 colores con funciones editoriales, educativas y simbólicas. Cada tono ayuda a distinguir ideas, advertencias, aprendizajes, reflexiones y áreas temáticas sin depender únicamente de las palabras.

Este documento funciona como referencia para elegir colores de manera uniforme al crear artículos, tablas, fichas, bloques informativos y materiales de aprendizaje.

Los nombres técnicos de los colores se escriben sin acentos. Por esta razón se utiliza:

Cafe
Indigo
Rubi

---

Panel rápido de colores

La siguiente cuadrícula permite identificar visualmente los 25 colores oficiales de WikiFSF. Cada muestra presenta el nombre técnico y su código hexadecimal.

Rojo #D32F2F	Azul #1E88E5	Verde #43A047	Amarillo #FDD835	Naranja #FB8C00
Morado #8E24AA	Rosa #EC407A	Turquesa #26C6DA	Dorado #FFD700	Plata #C0C0C0
Negro #000000	Blanco #FFFFFF	Gris #9E9E9E	Cafe #6D4C41	Madera #A97458
Planta #3FC15A	Indigo #3949AB	Cielo #81D4FA	Arena #D7B377	Rubi #B71C1C
Esmeralda #00C853	Zafiro #0D47A1	Lavanda #CE93D8	Bronce #CD7F32	Cristal #E4F1F7

Regla rápida: los tonos oscuros utilizan normalmente texto Blanco; los tonos claros utilizan texto Negro.

---

Cómo utilizar la paleta

Los colores pueden declararse mediante su nombre FSF o escribiendo directamente su código hexadecimal.

Mediante el nombre FSF

| color=Morado
| color-texto=Blanco
| fondo=Lavanda
| borde=Morado

Mediante códigos hexadecimales

| color=#8E24AA
| color-texto=#FFFFFF
| fondo=#CE93D8
| borde=#8E24AA

Ambas formas producen la misma combinación visual. El nombre FSF favorece la uniformidad; el código hexadecimal permite utilizar tonos especiales cuando un artículo lo requiera.

Traducción mediante Tono FSF

La plantilla transparent convierte automáticamente un nombre oficial en su código hexadecimal:

{{Tono FSF|Morado}}

Resultado:

#8E24AA

También puede recibir directamente un código:

{{Tono FSF|#8E24AA}}

---

Criterios editoriales

Criterio	Aplicación en WikiFSF
Jerarquía	El color debe ayudar a reconocer la función del bloque: informar, advertir, enseñar, reflexionar o concluir.
Legibilidad	Debe existir contraste suficiente entre el fondo y el texto. Los colores oscuros requieren letras claras.
Moderación	Se recomienda un color principal y uno o dos tonos complementarios por sección.
Coherencia	Un mismo significado debe conservar, cuando sea posible, el mismo color en diferentes artículos.
Accesibilidad	El significado nunca debe depender exclusivamente del color; debe acompañarse de títulos, palabras o símbolos.
Fondos	Blanco y Cristal son apropiados para textos largos porque permiten una lectura descansada.
Intensidad	Rojo, Rubi, Negro y otros tonos fuertes deben reservarse para elementos breves o de especial importancia.

---

Familias funcionales de la paleta

Los 25 colores pueden organizarse en familias que facilitan su selección.

Familia	Colores	Función principal
Información y conocimiento	Azul, Zafiro, Cielo, Turquesa y Cristal	Explicaciones, documentación, investigación, comunicación y apertura mental.
Aprendizaje y acción	Amarillo, Naranja, Rojo, Rubi y Dorado	Ideas clave, actividades, decisiones, advertencias y conclusiones relevantes.
Salud y naturaleza	Verde, Planta, Esmeralda, Madera y Cafe	Bienestar, regeneración, ecología, estabilidad y vida cotidiana.
Interioridad y espiritualidad	Morado, Indigo, Lavanda, Rosa y Plata	Reflexión, conciencia, intuición, afectividad y contemplación.
Neutralidad y transición	Blanco, Negro, Gris, Arena y Bronce	Contraste, descanso, transición, experiencia y estructura histórica.

---

Mapa detallado de los 25 colores

Energía, aprendizaje y acción

Rojo

Tono: #D32F2F

Significado:
Energía vital, impulso, fuerza interior y valentía. Se recomienda para advertencias, decisiones firmes y llamados breves a la acción.

Amarillo

Tono: #FDD835

Significado:
Luz mental, aprendizaje, comprensión y descubrimiento. Es útil para conceptos clave, preguntas y materiales de estudio.

Naranja

Tono: #FB8C00

Significado:
Creatividad, motivación, movimiento y alegría activa. Puede utilizarse en ejercicios, proyectos e invitaciones a participar.

Rubi

Tono: #B71C1C

Significado:
Convicción, pasión y energía emocional intensa. Se reserva para declaraciones relevantes y momentos de gran fuerza.

Dorado

Tono: #FFD700

Significado:
Sabiduría, excelencia, maestría y valor superior. Es apropiado para enseñanzas centrales, logros y conclusiones especiales.

Conocimiento, verdad y comunicación

Azul

Tono: #1E88E5

Significado:
Calma, claridad mental, orden y serenidad. Funciona bien en explicaciones, contenidos educativos e información general.

Zafiro

Tono: #0D47A1

Significado:
Sabiduría, verdad, integridad y discernimiento. Se recomienda para investigación, fuentes, documentación y conclusiones razonadas.

Cielo

Tono: #81D4FA

Significado:
Libertad, amplitud, inspiración y pensamiento expandido. Representa posibilidades, sueños y nuevos horizontes.

Turquesa

Tono: #26C6DA

Significado:
Comunicación sincera, respiración emocional y libertad interior. Es adecuado para diálogo y expresión de sentimientos.

Cristal

Tono: #E4F1F7

Significado:
Transparencia, claridad y entendimiento. Es uno de los fondos principales para documentación, resúmenes y textos extensos.

Salud, naturaleza y estabilidad

Verde

Tono: #43A047

Significado:
Sanación, restauración, equilibrio y bienestar. Es apropiado para salud, recuperación y recomendaciones favorables.

Planta

Tono: #3FC15A

Significado:
Regeneración, esperanza, vida nueva y vitalidad. Puede emplearse en ecología, jardinería y hábitos saludables.

Esmeralda

Tono: #00C853

Significado:
Renacimiento, armonía y transformación positiva. Se utiliza para logros, recuperación y procesos de renovación.

Madera

Tono: #A97458

Significado:
Crecimiento, estructura natural y autenticidad. Es útil en temas de naturaleza, construcción y procesos orgánicos.

Cafe

Tono: #6D4C41

Significado:
Raíces, hogar, estabilidad y seguridad física. Representa familia, alimentación, vivienda, historia y tradiciones.

Interioridad, afectividad y espiritualidad

Morado

Tono: #8E24AA

Significado:
Transformación espiritual, introspección y conciencia. Se recomienda para reflexiones y crecimiento interior.

Indigo

Tono: #3949AB

Significado:
Visión interior, intuición profunda y sabiduría silenciosa. Puede utilizarse en meditación e investigación espiritual.

Lavanda

Tono: #CE93D8

Significado:
Paz mental, descanso emocional y limpieza del pensamiento. Es apropiado para reflexiones suaves y acompañamiento.

Rosa

Tono: #EC407A

Significado:
Amor, ternura, compasión y unión. Se emplea en temas de familia, cuidado, afectividad y relaciones humanas.

Plata

Tono: #C0C0C0

Significado:
Intuición refinada, flexibilidad y percepción. Es útil en análisis complementarios y contenidos contemplativos.

Neutralidad, contraste y transición

Blanco

Tono: #FFFFFF

Significado:
Pureza, verdad, limpieza y descanso visual. Es el fondo principal para textos amplios y contenidos de lectura continua.

Negro

Tono: #000000

Significado:
Misterio, protección, silencio y potencial. Debe utilizarse con moderación en encabezados y contrastes intensos.

Gris

Tono: #9E9E9E

Significado:
Neutralidad, integración, pausa y descanso. Es útil para información secundaria, notas técnicas o datos pendientes.

Arena

Tono: #D7B377

Significado:
Adaptación, transición y aceptación. Representa viajes, periodos históricos y cambios graduales.

Bronce

Tono: #CD7F32

Significado:
Experiencia, resistencia, madurez y trayectoria. Se recomienda para historia, testimonios y aprendizajes acumulados.

---

Combinaciones recomendadas

Propósito	Encabezado	Fondo	Texto	Borde
Documentación general	Zafiro	Cristal	Negro	Cielo
Aprendizaje	Amarillo	Cristal	Negro	Dorado
Salud y bienestar	Verde	Cristal	Negro	Esmeralda
Reflexión espiritual	Morado	Lavanda	Negro	Indigo
Familia y cuidado	Rosa	Cristal	Negro	Lavanda
Advertencia importante	Rojo	Blanco	Negro	Rubi
Historia o testimonio	Bronce	Arena	Negro	Cafe
Conclusión destacada	Dorado	Cristal	Negro	Bronce

---

Ejemplos con plantillas WikiFSF

Caja informativa

{{Tabla
 | tipo=caja
 | ancho=95%
 | margen=0
 | titulo=Idea central
 | texto=Contenido principal de la explicación.
 | color=Zafiro
 | color-texto=Blanco
 | fondo=Cristal
 | borde=Cielo
}}

Idea central
Contenido principal de la explicación.

Caja de aprendizaje

{{Tabla
 | tipo=caja
 | ancho=95%
 | margen=0
 | titulo=Concepto para recordar
 | texto=El color Amarillo ayuda a reconocer ideas, preguntas y aprendizajes importantes.
 | color=Amarillo
 | color-texto=Negro
 | fondo=Cristal
 | borde=Dorado
}}

Concepto para recordar
El color Amarillo ayuda a reconocer ideas, preguntas y aprendizajes importantes.

Bloque colapsable

{{Bloque colapsable
 | titulo=Material complementario
 | texto=Este contenido puede consultarse cuando el lector desee profundizar.
 | estado=cerrado
 | color=Morado
 | color-texto=Blanco
 | fondo=Lavanda
 | borde=Indigo
}}

📜 Material complementario

Este contenido puede consultarse cuando el lector desee profundizar.

Uso de un color personalizado

Los nombres FSF son la opción recomendada, pero también pueden emplearse códigos hexadecimales:

{{Tabla
 | tipo=caja
 | titulo=Color personalizado
 | texto=Este bloque utiliza códigos hexadecimales.
 | color=#6A1B9A
 | color-texto=#FFFFFF
 | fondo=#F3E5F5
 | borde=#AB47BC
}}

---

Buenas prácticas

• Utilizar nombres FSF para conservar una identidad visual uniforme.
• Escribir los nombres técnicos sin acentos: Cafe, Indigo y Rubi.
• Evitar demasiados colores intensos dentro de una misma sección.
• Reservar Rojo y Rubi para advertencias o mensajes verdaderamente importantes.
• Utilizar Blanco o Cristal como fondo de textos extensos.
• Mantener texto Blanco sobre Negro, Zafiro, Indigo, Morado, Rojo, Rubi y Cafe.
• Mantener texto Negro sobre Amarillo, Naranja, Cielo, Lavanda, Arena, Cristal y otros tonos claros.
• Acompañar siempre el color con títulos y palabras que expliquen su función.
• Comprobar visualmente la página en computadora y teléfono después de publicarla.

---

Conclusión

Los 25 colores de WikiFSF constituyen un lenguaje visual para organizar información, transmitir intención y facilitar el aprendizaje. Su valor no reside solamente en decorar una página, sino en ayudar al lector a reconocer la función de cada contenido.

Principio de la paleta WikiFSF
El color orienta, acompaña y organiza; nunca debe dificultar la lectura ni sustituir el significado de las palabras.

---