Diferencia entre revisiones de «Test10»

De FSF
Página creada con «=== Mapa Expandido de los 25 Colores de FSF === Este documento presenta una visión profunda y comparativa de los veinticinco colores principales utilizados dentro del sistema FSF. Cada color refleja una cualidad humana, un estado interior o un principio activo de transformación. La plantilla utilizada para cada entrada es {{Color}}, la cual ha sido renombrada recientemente y ahora admite esquemas visuales, bordes, marcos dinámicos y efectos hover basados en el sign…»
 
Sin resumen de edición
 
(No se muestran 3 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
=== Mapa Expandido de los 25 Colores de FSF ===
__TOC__
Este documento presenta una visión profunda y comparativa de los veinticinco colores principales utilizados dentro del sistema FSF. Cada color refleja una cualidad humana, un estado interior o un principio activo de transformación. La plantilla utilizada para cada entrada es {{Color}}, la cual ha sido renombrada recientemente y ahora admite esquemas visuales, bordes, marcos dinámicos y efectos hover basados en el significado espiritual asociado.


Este artículo sirve como referencia visual, emocional y conceptual dentro de FSF.<br>
{{cen1 | Paleta oficial de colores de WikiFSF}}
Su propósito es permitir que cualquier miembro de la familia Ziv pueda sentir, comprender y aplicar la simbología del color en sus procesos de introspección, sanación y crecimiento.
{{cen2 | Guía visual, simbólica y técnica de los 25 colores FSF}}


<br>
{{Tabla
| tipo=caja
| ancho=57%
| margen=0
| titulo=Un lenguaje visual para organizar el conocimiento
| texto=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.
| color=Zafiro
| color-texto=Blanco
| fondo=Cristal
| borde=Cielo
}}
 
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:
 
<pre>
Cafe
Indigo
Rubi
</pre>
 
----
 
== 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.
 
{| class="wikitable" style="width:57%; margin:0; text-align:center; border-collapse:collapse;"
|-
| style="width:20%; padding:12px; background:#D32F2F; color:#FFFFFF;" | '''Rojo'''<br><code>#D32F2F</code>
| style="width:20%; padding:12px; background:#1E88E5; color:#FFFFFF;" | '''Azul'''<br><code>#1E88E5</code>
| style="width:20%; padding:12px; background:#43A047; color:#FFFFFF;" | '''Verde'''<br><code>#43A047</code>
| style="width:20%; padding:12px; background:#FDD835; color:#000000;" | '''Amarillo'''<br><code>#FDD835</code>
| style="width:20%; padding:12px; background:#FB8C00; color:#000000;" | '''Naranja'''<br><code>#FB8C00</code>
|-
| style="padding:12px; background:#8E24AA; color:#FFFFFF;" | '''Morado'''<br><code>#8E24AA</code>
| style="padding:12px; background:#EC407A; color:#FFFFFF;" | '''Rosa'''<br><code>#EC407A</code>
| style="padding:12px; background:#26C6DA; color:#000000;" | '''Turquesa'''<br><code>#26C6DA</code>
| style="padding:12px; background:#FFD700; color:#000000;" | '''Dorado'''<br><code>#FFD700</code>
| style="padding:12px; background:#C0C0C0; color:#000000;" | '''Plata'''<br><code>#C0C0C0</code>
|-
| style="padding:12px; background:#000000; color:#FFFFFF;" | '''Negro'''<br><code>#000000</code>
| style="padding:12px; background:#FFFFFF; color:#000000; box-shadow:inset 0 0 0 1px #9E9E9E;" | '''Blanco'''<br><code>#FFFFFF</code>
| style="padding:12px; background:#9E9E9E; color:#000000;" | '''Gris'''<br><code>#9E9E9E</code>
| style="padding:12px; background:#6D4C41; color:#FFFFFF;" | '''Cafe'''<br><code>#6D4C41</code>
| style="padding:12px; background:#A97458; color:#000000;" | '''Madera'''<br><code>#A97458</code>
|-
| style="padding:12px; background:#3FC15A; color:#000000;" | '''Planta'''<br><code>#3FC15A</code>
| style="padding:12px; background:#3949AB; color:#FFFFFF;" | '''Indigo'''<br><code>#3949AB</code>
| style="padding:12px; background:#81D4FA; color:#000000;" | '''Cielo'''<br><code>#81D4FA</code>
| style="padding:12px; background:#D7B377; color:#000000;" | '''Arena'''<br><code>#D7B377</code>
| style="padding:12px; background:#B71C1C; color:#FFFFFF;" | '''Rubi'''<br><code>#B71C1C</code>
|-
| style="padding:12px; background:#00C853; color:#000000;" | '''Esmeralda'''<br><code>#00C853</code>
| style="padding:12px; background:#0D47A1; color:#FFFFFF;" | '''Zafiro'''<br><code>#0D47A1</code>
| style="padding:12px; background:#CE93D8; color:#000000;" | '''Lavanda'''<br><code>#CE93D8</code>
| style="padding:12px; background:#CD7F32; color:#000000;" | '''Bronce'''<br><code>#CD7F32</code>
| style="padding:12px; background:#E4F1F7; color:#000000; box-shadow:inset 0 0 0 1px #81D4FA;" | '''Cristal'''<br><code>#E4F1F7</code>
|}
 
{{a3|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 ===
<pre>
| color=Morado
| color-texto=Blanco
| fondo=Lavanda
| borde=Morado
</pre>
 
=== Mediante códigos hexadecimales ===
<pre>
| color=#8E24AA
| color-texto=#FFFFFF
| fondo=#CE93D8
| borde=#8E24AA
</pre>
 
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 ===
La plantilla {{Tono}} convierte automáticamente un nombre oficial en su código hexadecimal:
 
<pre>
{{Tono|Morado}}
</pre>
 
Resultado:


=== Tabla General de Colores ===
<pre>
A continuación se presentan los 25 colores con sus significados esenciales, utilizando la nueva plantilla {{Color}} para visualizar sus estilos, energías y contrastes internos. Cada color ha sido diseñado para activar emociones específicas y provocar introspección consciente.
#8E24AA
</pre>


<br>
También puede recibir directamente un código:
 
<pre>
{{Tono|#8E24AA}}
</pre>
 
----
 
== Criterios editoriales ==
{| class="wikitable" style="width:95%; margin:0; text-align:left;"
! style="background:#0D47A1; color:#FFFFFF;" | Criterio
! style="background:#0D47A1; color:#FFFFFF;" | 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.
 
{| class="wikitable" style="width:95%; margin:0; text-align:left;"
! style="background:#E4F1F7;" | Familia
! style="background:#E4F1F7;" | Colores
! style="background:#E4F1F7;" | 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 ===


{{Color
{{Color
  | nombre = Rojo
  | nombre=Rojo
  | tono = #D32F2F
  | tono=#D32F2F
  | significado = Energia vital, impulso, fuerza interior y valentia ante el cambio.
  | significado=Energía vital, impulso, fuerza interior y valentía. Se recomienda para advertencias, decisiones firmes y llamados breves a la acción.
}}
}}


{{Color
{{Color
  | nombre = Azul
  | nombre=Amarillo
  | tono = #1E88E5
  | tono=#FDD835
  | significado = Calma profunda, claridad mental, orden interior, respiracion y serenidad.
  | significado=Luz mental, aprendizaje, comprensión y descubrimiento. Es útil para conceptos clave, preguntas y materiales de estudio.
}}
}}


{{Color
{{Color
  | nombre = Verde
  | nombre=Naranja
  | tono = #43A047
  | tono=#FB8C00
  | significado = Sanacion, restauracion, equilibrio y apertura del corazon.
  | significado=Creatividad, motivación, movimiento y alegría activa. Puede utilizarse en ejercicios, proyectos e invitaciones a participar.
}}
}}


{{Color
{{Color
  | nombre = Amarillo
  | nombre=Rubi
  | tono = #FDD835
  | tono=#B71C1C
  | significado = Luz mental, aprendizaje, comprension rapida y expansion intelectual.
  | significado=Convicción, pasión y energía emocional intensa. Se reserva para declaraciones relevantes y momentos de gran fuerza.
}}
}}


{{Color
{{Color
  | nombre = Naranja
  | nombre=Dorado
  | tono = #FB8C00
  | tono=#FFD700
  | significado = Creatividad, motivacion, movimiento y alegria proactiva.
  | significado=Sabiduría, excelencia, maestría y valor superior. Es apropiado para enseñanzas centrales, logros y conclusiones especiales.
}}
}}
=== Conocimiento, verdad y comunicación ===


{{Color
{{Color
  | nombre = Morado
  | nombre=Azul
  | tono = #8E24AA
  | tono=#1E88E5
  | significado = Transformacion espiritual, transmutacion emocional y vision interior.
  | significado=Calma, claridad mental, orden y serenidad. Funciona bien en explicaciones, contenidos educativos e información general.
}}
}}


{{Color
{{Color
  | nombre = Rosa
  | nombre=Zafiro
  | tono = #EC407A
  | tono=#0D47A1
  | significado = Amor incondicional, ternura, compasion y union de la familia.
  | significado=Sabiduría, verdad, integridad y discernimiento. Se recomienda para investigación, fuentes, documentación y conclusiones razonadas.
}}
}}


{{Color
{{Color
  | nombre = Turquesa
  | nombre=Cielo
  | tono = #26C6DA
  | tono=#81D4FA
  | significado = Respiracion emocional, libertad interna, comunicacion sincera.
  | significado=Libertad, amplitud, inspiración y pensamiento expandido. Representa posibilidades, sueños y nuevos horizontes.
}}
}}


{{Color
{{Color
  | nombre = Dorado
  | nombre=Turquesa
  | tono = #FFD700
  | tono=#26C6DA
  | significado = Sabiduria divina, excelencia, maestria, luz superior.
  | significado=Comunicación sincera, respiración emocional y libertad interior. Es adecuado para diálogo y expresión de sentimientos.
}}
}}


{{Color
{{Color
  | nombre = Plata
  | nombre=Cristal
  | tono = #C0C0C0
  | tono=#E4F1F7
  | significado = Intuicion refinada, flexibilidad mental y percepcion espiritual.
  | significado=Transparencia, claridad y entendimiento. Es uno de los fondos principales para documentación, resúmenes y textos extensos.
}}
}}
=== Salud, naturaleza y estabilidad ===


{{Color
{{Color
  | nombre = Negro
  | nombre=Verde
  | tono = #000000
  | tono=#43A047
  | significado = Misterio, proteccion, silencio y potencial no manifestado.
  | significado=Sanación, restauración, equilibrio y bienestar. Es apropiado para salud, recuperación y recomendaciones favorables.
}}
}}


{{Color
{{Color
  | nombre = Blanco
  | nombre=Planta
  | tono = #FFFFFF
  | tono=#3FC15A
  | significado = Pureza, verdad, revelacion y limpieza total del campo emocional.
  | significado=Regeneración, esperanza, vida nueva y vitalidad. Puede emplearse en ecología, jardinería y hábitos saludables.
}}
}}


{{Color
{{Color
  | nombre = Gris
  | nombre=Esmeralda
  | tono = #9E9E9E
  | tono=#00C853
  | significado = Neutralidad, integracion, descanso emocional y pausa consciente.
  | significado=Renacimiento, armonía y transformación positiva. Se utiliza para logros, recuperación y procesos de renovación.
}}
}}


{{Color
{{Color
  | nombre = Café
  | nombre=Madera
  | tono = #6D4C41
  | tono=#A97458
  | significado = Raices, estabilidad, hogar, nutricion y seguridad fisica.
  | significado=Crecimiento, estructura natural y autenticidad. Es útil en temas de naturaleza, construcción y procesos orgánicos.
}}
}}


{{Color
{{Color
  | nombre = Madera
  | nombre=Cafe
  | tono = #A97458
  | tono=#6D4C41
  | significado = Crecimiento, ciclo vital, estructura natural y autenticidad.
  | significado=Raíces, hogar, estabilidad y seguridad física. Representa familia, alimentación, vivienda, historia y tradiciones.
}}
}}
=== Interioridad, afectividad y espiritualidad ===


{{Color
{{Color
  | nombre = Planta
  | nombre=Morado
  | tono = #3FC15A
  | tono=#8E24AA
  | significado = Regeneracion, vida nueva, esperanza organica y vitalidad.
  | significado=Transformación espiritual, introspección y conciencia. Se recomienda para reflexiones y crecimiento interior.
}}
}}


{{Color
{{Color
  | nombre = Indigo
  | nombre=Indigo
  | tono = #3949AB
  | tono=#3949AB
  | significado = Vision interna, intuicion profunda y acceso a la sabiduria silenciosa.
  | significado=Visión interior, intuición profunda y sabiduría silenciosa. Puede utilizarse en meditación e investigación espiritual.
}}
}}


{{Color
{{Color
  | nombre = Cielo
  | nombre=Lavanda
  | tono = #81D4FA
  | tono=#CE93D8
  | significado = Libertad, amplitud, pensamiento expandido y inspiracion repentina.
  | significado=Paz mental, descanso emocional y limpieza del pensamiento. Es apropiado para reflexiones suaves y acompañamiento.
}}
}}


{{Color
{{Color
  | nombre = Arena
  | nombre=Rosa
  | tono = #D7B377
  | tono=#EC407A
  | significado = Suavidad, adaptacion, transito, cambio de etapa y aceptacion.
  | significado=Amor, ternura, compasión y unión. Se emplea en temas de familia, cuidado, afectividad y relaciones humanas.
}}
}}


{{Color
{{Color
  | nombre = Rubi
  | nombre=Plata
  | tono = #B71C1C
  | tono=#C0C0C0
  | significado = Amor apasionado, decision firme y energia emocional intensa.
  | significado=Intuición refinada, flexibilidad y percepción. Es útil en análisis complementarios y contenidos contemplativos.
}}
}}
=== Neutralidad, contraste y transición ===


{{Color
{{Color
  | nombre = Esmeralda
  | nombre=Blanco
  | tono = #00C853
  | tono=#FFFFFF
  | significado = Sanacion profunda, renacimiento y armonia interna.
  | significado=Pureza, verdad, limpieza y descanso visual. Es el fondo principal para textos amplios y contenidos de lectura continua.
}}
}}


{{Color
{{Color
  | nombre = Zafiro
  | nombre=Negro
  | tono = #0D47A1
  | tono=#000000
  | significado = Sabiduria, verdad interior, integridad y discernimiento.
  | significado=Misterio, protección, silencio y potencial. Debe utilizarse con moderación en encabezados y contrastes intensos.
}}
}}


{{Color
{{Color
  | nombre = Lavanda
  | nombre=Gris
  | tono = #CE93D8
  | tono=#9E9E9E
  | significado = Paz mental, descanso emocional y limpieza del pensamiento.
  | significado=Neutralidad, integración, pausa y descanso. Es útil para información secundaria, notas técnicas o datos pendientes.
}}
}}


{{Color
{{Color
  | nombre = Bronce
  | nombre=Arena
  | tono = #CD7F32
  | tono=#D7B377
  | significado = Estabilidad madura, trayectoria vivida, experiencia y resistencia.
  | significado=Adaptación, transición y aceptación. Representa viajes, periodos históricos y cambios graduales.
}}
}}


{{Color
{{Color
  | nombre = Cristal
  | nombre=Bronce
  | tono = #E4F1F7
  | tono=#CD7F32
  | significado = Transparencia, claridad absoluta, revelacion y entendimiento puro.
  | significado=Experiencia, resistencia, madurez y trayectoria. Se recomienda para historia, testimonios y aprendizajes acumulados.
}}
 
----
 
== Combinaciones recomendadas ==
 
{| class="wikitable" style="width:95%; margin:0; text-align:left;"
! style="background:#0D47A1; color:#FFFFFF;" | Propósito
! style="background:#0D47A1; color:#FFFFFF;" | Encabezado
! style="background:#0D47A1; color:#FFFFFF;" | Fondo
! style="background:#0D47A1; color:#FFFFFF;" | Texto
! style="background:#0D47A1; color:#FFFFFF;" | 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 ===
<pre>
{{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
}}
</pre>
 
{{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
}}
 
=== Caja de aprendizaje ===
<pre>
{{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
}}
}}
</pre>


<br>
{{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
}}


=== Conclusiones ===
=== Bloque colapsable ===
Los veinticinco colores forman un mapa emocional y espiritual que puede utilizarse en procesos FSF, proyectos RYE, introspeccion familiar, sesiones de terapia y desarrollo personal. Este set completo constituye un lenguaje visual que ayuda a organizar simbolicamente emociones, decisiones, bloqueos y expansiones internas.
<pre>
{{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
}}
</pre>


<br>
{{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
}}
 
=== Uso de un color personalizado ===
Los nombres FSF son la opción recomendada, pero también pueden emplearse códigos hexadecimales:
 
<pre>
{{Tabla
| tipo=caja
| titulo=Color personalizado
| texto=Este bloque utiliza códigos hexadecimales.
| color=#6A1B9A
| color-texto=#FFFFFF
| fondo=#F3E5F5
| borde=#AB47BC
}}
</pre>
 
----
 
== 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.
 
{{Tabla
| tipo=caja
| ancho=95%
| margen=0
| titulo=Principio de la paleta WikiFSF
| texto=El color orienta, acompaña y organiza; nunca debe dificultar la lectura ni sustituir el significado de las palabras.
| color=Dorado
| color-texto=Negro
| fondo=Cristal
| borde=Bronce
}}


----
[[CATEGORY:FSF]]
[[CATEGORY:FSF]]
[[CATEGORY:COLORES]]
[[CATEGORY:COLORES]]
[[CATEGORY:PLANTILLAS]]
[[CATEGORY:RYE]]
[[CATEGORY:RYE]]
[[CATEGORY:TERAPIA]]
[[CATEGORY:DISENO]]
[[CATEGORY:DOCUMENTACION]]

Revisión actual - 04:12 28 jul 2026

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

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

{{Tono|Morado}}

Resultado: 

#8E24AA

También puede recibir directamente un código: 

{{Tono|#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.
Obtenido de «https://familiasuperfeliz.com/index.php?title=Test10&oldid=10064»