Title: Fourteen Colors Author: Nick Halsey Published: 4 de diciembre de 2013 Last modified: 18 de julio de 2026 --- Buscar plugins ![](https://ps.w.org/fourteen-colors/assets/banner-772x250.png?rev=1063582) ![](https://ps.w.org/fourteen-colors/assets/icon.svg?rev=978321) # Fourteen Colors Por [Nick Halsey](https://profiles.wordpress.org/celloexpressions/) [Descargar](https://downloads.wordpress.org/plugin/fourteen-colors.1.6.zip) * [Detalles](https://es.wordpress.org/plugins/fourteen-colors/#description) * [Valoraciones](https://es.wordpress.org/plugins/fourteen-colors/#reviews) * [Instalación](https://es.wordpress.org/plugins/fourteen-colors/#installation) * [Desarrollo](https://es.wordpress.org/plugins/fourteen-colors/#developers) [Soporte](https://wordpress.org/support/plugin/fourteen-colors/) ## Descripción Not a big fan of green and black? Love the layout of Twenty Fourteen, but need its colors to match your brand? Don’t have time to create a child theme, or want to change up your site’s look on a regular basis without technical overhead? Fourteen Colors is the most _efficient_ way to re-color the Twenty Fourteen theme. It provides two color pickers, which together control: * Header/Sidebar/Footer Background Color * Featured Content Background Color * Link Color * Search Bar Color * Navigation Menu Hover Colors * Text Selection/Highlight Color * Audio/Video Player Colorschemes * And more… Fourteen Colors automatically adjusts your color choices to ensure the minimum required contrast to keep Twenty Fourteen accessible-ready, and to keep your site as readable as possible. The plugin is designed to support almost any combination of colors, so you can be creative and express yourself with your site! Please report any issues on the support forums, after reading the FAQ and the changelog to see if they address your question. The Accent Color feature was originally developed in Twenty Fourteen core, but it was removed near the end of the initial development cycle due to a variety of concerns. This plugin addresses those concerns and adds the contrast color feature to enable a broad range of custom colorschemes. Special thanks to the entire Twenty Fourteen team for their work on the accent color throughout the development cycle. This plugin (and Twenty Fourteen) would not exist without their hard work and attention to detail. ## Capturas [⌊Light theme with a touch of blue⌉⌊Light theme with a touch of blue⌉[ Light theme with a touch of blue [⌊Autumn colors⌉⌊Autumn colors⌉[ Autumn colors [⌊Happy Holidays!⌉⌊Happy Holidays!⌉[ Happy Holidays! [⌊Purple and Pink⌉⌊Purple and Pink⌉[ Purple and Pink [⌊Blue and Orange⌉⌊Blue and Orange⌉[ Blue and Orange [⌊Gray and Yellow⌉⌊Gray and Yellow⌉[ Gray and Yellow [⌊Red and black⌉⌊Red and black⌉[ Red and black ## Instalación 1. Take the easy route and install through the WordPress plugin installer OR 2. Download the .zip file and upload the unzipped folder to the `/wp-content/plugins/` directory 3. Activa el plugin a través del menú «Plugins» en WordPress 4. Go to the Customizer (Appearance -> Customize) and adjust the two new color pickers under the «Colors» heading to your liking ## FAQ ### I tried using Fourteen Colors with a theme other than Twenty Fourteen and … Don’t. There is a known bug where the plugin may be applied to other themes when live previewing them, but Fourteen Colors will prevent itself from functioning when the current theme is not Twenty Fourteen or a child. ### Child Themes Fourteen Colors is a plugin, not a child theme, because it is primarily programmatic( ie, it would only consist of a functions.php file), and for flexibility. You can use Fourteen Colors with both Twenty Fourteen and child themes. Be aware that the Fourteen Colors settings are stored with the active theme, so if you switch to a child theme or switch child themes, you’ll need to re-set your colors. Child theme compatibility depends on the extent of changes made by the child theme. But child theme developers can hook into Fourteen Colors to extend it to adapt to their changes, allowing the plugin to work seamlessly even if the child theme is significantly different than the parent theme. ### Suggested/Recommended Colors The contrast color option tends to work best with colors that are either grayscale or close to grayscale. Try light or dark grays in conjunction with any accent color if the default black feels too bold. Accent colors work best when they are intense, fully saturated colors that avoid anything too light or too dark. However, brighter colors such as yellow do work well, as do darker colors such as black, with a good choice of contrast color. If a particular set of colors feels close, but not quite right, try making the accent color more intense and making the contrast color lighter (if it’s already light) or darker (if it’s already dark) to increase the overall contrast of your site. ### Known Issues Due to the automatic generation of secondary colors, in order to maximize color contrast ratios, undesirable colors may come up in some places. You can override these with custom CSS, and feel free to post in the support forums if you can’t figure it out (but search there first). Please note that if you’re having trouble getting the plugin to «work» it is extremely likely that you’re doing something wrong. Don’t forget that the color options are added to the Customizer. ### Supported Colors All colors are supported except for pure white (#fff), which should technically work but results in a poor user experience due to the lack of contrast, which helps to provide visual hierarchy. Pure black (#000) accent colors are more fully supported, but can also have (less significant) issues with providing proper visual hierarchy. ### Block Editor Support Fourteen Colors does its best to support custom styles in the block editor. While most customized styles will not show up in the editor, using the green and black colors from the color palettes when selecting block styles will allow content-colors to be customized by this plugin. ## Reseñas ![](https://secure.gravatar.com/avatar/b114ac3dfd4eedd6e3148f372388bca0de808515ed92b2a0989a7fc1d431f0aa? s=60&d=retro&r=g) ### 󠀁[Just thank you](https://wordpress.org/support/topic/just-thank-you-9/)󠁿 [KOVALETS](https://profiles.wordpress.org/sergeykovalets/) 21 de noviembre de 2024 I consider the Twenty Fourteen theme one of the most original and stylish ever released for WordPress, and this plugin is as essential to it as air. I understand there may not be many reviews, but believe me, we are all truly grateful to you. It would be great to see some additional functionality, like disabling sidebars or changing the page width. Thank you so much for continuing to support this plugin. ![](https://secure.gravatar.com/avatar/8f14cb0674c0b3f0de02dadc6bdbf659fafef15b6db2926954a39ce856c2c82a? s=60&d=retro&r=g) ### 󠀁[Good plugin](https://wordpress.org/support/topic/good-plugin-3452/)󠁿 [Michel-IP](https://profiles.wordpress.org/michel-ip/) 20 de marzo de 2019 Add some handy options to customize colors ![](https://secure.gravatar.com/avatar/d7cca62d0f8bfb11012824918f96d61287a83f64ed9ac4e1b807ba132374efe1? s=60&d=retro&r=g) ### 󠀁[Title color is missing](https://wordpress.org/support/topic/color-title-is-missing/)󠁿 [Colleen-fr](https://profiles.wordpress.org/colleen-fr/) 30 de agosto de 2018 Hi, unfortunately after you activate the plugin you can't change anymore the website title color… you must disable the plugin, change the title color and activate the plugin again. ![](https://secure.gravatar.com/avatar/72b61d2666fc460ca934407ff91fb2d03f1c5d3ce096faa822d2f93c0b967dd1? s=60&d=retro&r=g) ### 󠀁[Just what I needed](https://wordpress.org/support/topic/just-what-i-needed-774/)󠁿 [hecthewreck](https://profiles.wordpress.org/hecthewreck/) 5 de agosto de 2018 Ran into this plugin after hours of setting up things with it and this was the final touch, I lucked out finding it, cheers! ![](https://secure.gravatar.com/avatar/717d12bda2581b2e4c3a1a74b52da80bd1f0c1375f5b258fb795e1d9ccce1865? s=60&d=retro&r=g) ### 󠀁[can u change the white part too ?](https://wordpress.org/support/topic/can-u-change-the-white-part-too/)󠁿 [mirotic](https://profiles.wordpress.org/mirotic/) 19 de septiembre de 2017 im using "full width" so the "background" in this post will not show to me , i wan to change the white part to other color , can u do that ? ![](https://secure.gravatar.com/avatar/0be5da5eb605b5b51ff909ef15888f0f97ff07448cbbcfc937fba35beacb7ba7? s=60&d=retro&r=g) ### 󠀁[a must for twenty-fourteen](https://wordpress.org/support/topic/a-must-for-twenty-fourteen/)󠁿 [gotti75](https://profiles.wordpress.org/gotti75/) 7 de septiembre de 2017 This plugin is easy to use and a must to customize colour codes for the twenty-fourteen template. Without that plugin I would have chosen another template or spent hours on css customization. [ Leer todas las 48 reseñas ](https://wordpress.org/support/plugin/fourteen-colors/reviews/) ## Colaboradores y desarrolladores «Fourteen Colors» es un software de código abierto. Las siguientes personas han colaborado con este plugin. Colaboradores * [ Nick Halsey ](https://profiles.wordpress.org/celloexpressions/) «Fourteen Colors» está traducido en 5 idiomas. Gracias a [los traductores](https://translate.wordpress.org/projects/wp-plugins/fourteen-colors/contributors) por sus contribuciones. [Traduce «Fourteen Colors» a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/fourteen-colors) ### ¿Interesado en el desarrollo? [Revisa el código](https://plugins.trac.wordpress.org/browser/fourteen-colors/) , echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/fourteen-colors/) o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/fourteen-colors/) por [RSS](https://plugins.trac.wordpress.org/log/fourteen-colors/?limit=100&mode=stop_on_copy&format=rss). ## Registro de cambios Please note: this plugin is only updated when changes are needed for compatibility with theme updates or WordPress changes (or in rare cases, if additional bugs/edge cases are found and fixed). It is not anticipated that major updates will be needed in the future as of December 2015. #### 1.6 * Apply custom colors to theme-registered block editor color palettes. * Add support for block editor styles corresponding to WordPress 5.0. * Update color patterns to address changes in Twenty Fourteen 2.3, 2.4, and 2.5. #### 1.5 * Update color patterns to address changes in Twenty Fourteen 2.0, 2.1, and 2.2. This includes full support for the media widgets introduced in WordPress 4.8 and 4.9. #### 1.4 * Add postMessage previewing of base colors for an enhanced user experience. Contrast and accent colors are now instantly previewed in the customizer, with secondary generated colors updating on a slight delay (typically a few seconds). #### 1.3 * Implement support for Selective Refresh in the Customizer. Colors will now be updated much more quickly (but still not instantly) in the Customizer preview. Available in WordPress 4.5+. #### 1.2 * Updates for WordPress 4.0 / Twenty Fourteen 1.2. Please update those before updating Fourteen Colors. * The mediaelements-genericons component, which facilitated audio/video player color-scheming, has been merged into Twenty Fourteen core. * Added two new filters to adjust the plugin’s output CSS: `fourteen_colors_contrast_css` and `fourteen_colors_accent_css`. * Leverage some of the Customizer API improvements in WordPress 4.0. * Fix a couple of really minor, obscure bugs that surfaced in the wild. #### 1.1 * Full support for Twenty Fourteen 1.1. * Fix mobile menu-toggle button colors. * Fix support for button-styled links in widgets (via the `.button` class). * Add a filter to the version of the accent color that contrasts with the white page background, facillitating the ability to override the automatically-generated version with another color picker via an add-on plugin. #### 1.0.2 * Fix bugs with mobile navigation menus with certain color combinations. * Add support for the `.button` class introduced in Twenty Fourteen 1.1 / WordPress 3.9. * Fix link and border color in Twenty Fourteen Ephemera widgets when used in the Primary and Footer widget areas with a light contrast color. * Override the Site Title option, as it is hidden from the Theme Customizer (since Fourteen Colors automatically adjusts it for contrast). * Add basic support for IE8, which is handled differently in Twenty Fourteen due to its lack of support for modern standards. #### 1.0.1 * Add a description of the different color controls (requires changes that might change the order of the options). * Fix paging navigation hover states (border, not background color should change). * Darken all borders when using light contrast colors on mobile. * Fix sub-menu colors on mobile when using a light contrast color. * Automatically refresh the cached plugin output CSS after the plugin has been updated. * Hide the site title color control to reduce confusion, since the color is automatically tweaked based on the contrast color. The Header Text Color option is still available via the Appearance -> Header page if it needs to be customized. #### 1.0 * Plugin is ready for general use, alongside Twenty Fourteen 1.0 and WordPress 3.8. #### 0.7 * Screenshots, finalized documentation. #### 0.6 * Code cleanup, inline code documentation, coding standards to match Twenty Fourteen core. * Tweaks post-code-review, props @lancewillett. #### 0.5 * Save the entire plugin CSS output as a single theme_mod to allow for more computationally intensive color calculations. * Introduce a more robust set of color calculations; most importantly, the ability to calculate the contrast ratio between any two colors. * Adjustments to make any color work as the accent color, addressing the concerns that led to the feature’s removal from Twenty Fourteen core. * Ensure that there is adequate contrast between all colors that are displayed against each other. #### 0.2 * Build out of the contrast color option. #### 0.1 * Initial port from the Twenty Fourteen Theme’s implementation. * Initial pass at an experimental «Contrast Color» option. ## Meta * Versión **1.6** * Última actualización **hace 3 meses** * Instalaciones activas **8.000+** * Versión de WordPress ** 3.6 o superior ** * Probado hasta **7.0.7** * Idiomas * [English (Canada)](https://en-ca.wordpress.org/plugins/fourteen-colors/), [English (US)](https://wordpress.org/plugins/fourteen-colors/), [German](https://de.wordpress.org/plugins/fourteen-colors/), [Russian](https://ru.wordpress.org/plugins/fourteen-colors/), [Swedish](https://sv.wordpress.org/plugins/fourteen-colors/) y [Ukrainian](https://uk.wordpress.org/plugins/fourteen-colors/). * [Traducir a tu idioma](https://translate.wordpress.org/projects/wp-plugins/fourteen-colors) * Etiquetas: * [custom colors](https://es.wordpress.org/plugins/tags/custom-colors/)[customizer](https://es.wordpress.org/plugins/tags/customizer/) [Default Theme](https://es.wordpress.org/plugins/tags/default-theme/)[Twenty Fourteen](https://es.wordpress.org/plugins/tags/twenty-fourteen/) * [Vista avanzada](https://es.wordpress.org/plugins/fourteen-colors/advanced/) ## Valoraciones 4.8 de 5 estrellas. * [ 43 valoraciones de 5 estrellas ](https://wordpress.org/support/plugin/fourteen-colors/reviews/?filter=5) * [ 3 valoraciones de 4 estrellas ](https://wordpress.org/support/plugin/fourteen-colors/reviews/?filter=4) * [ 1 valoración de 3 estrellas ](https://wordpress.org/support/plugin/fourteen-colors/reviews/?filter=3) * [ 0 valoraciones de 2 estrellas ](https://wordpress.org/support/plugin/fourteen-colors/reviews/?filter=2) * [ 1 valoración de 1 estrellas ](https://wordpress.org/support/plugin/fourteen-colors/reviews/?filter=1) [Tu valoración](https://wordpress.org/support/plugin/fourteen-colors/reviews/#new-post) [Ver todas las reseñas](https://wordpress.org/support/plugin/fourteen-colors/reviews/) ## Colaboradores * [ Nick Halsey ](https://profiles.wordpress.org/celloexpressions/) ## Soporte ¿Tienes algo que decir? ¿Necesitas ayuda? [Ver el foro de soporte](https://wordpress.org/support/plugin/fourteen-colors/)