Cómo identificar los colores en hojas de estilo para cambiar los colores de los temas

r2j · 2 Sep 2012

Hola amigos, estoy metiéndome a cambiar los colores de mi tema, y no se cómo saber el color en concreto que tiene una parte del tema, para cambiarlo en la hoja de estilo. ¿Vosotros cómo lo hacéis? Un saludo

Abdellah · 2 Sep 2012

Aqui tienes [MENTION=19022]Prodygy[/MENTION]
1- Metodo facil

Descarga el Photofiltre X Studio 🙂 Captura la pantalla y ahi tendras una utilidad que te da el codigo Hexadecimal de la parte que quieras 🙂

2- Metodo tradicional
Buscas en CSS del DIV 😱nthego: y miras el codigo, ta dara dolores de cabeza, te aconsejo el primero :fatigue:

Puchi · 2 Sep 2012

Prodygy dijo:
Hola amigos, estoy metiéndome a cambiar los colores de mi tema, y no se cómo saber el color en concreto que tiene una parte del tema, para cambiarlo en la hoja de estilo. ¿Vosotros cómo lo hacéis? Un saludo

No sé si es lo que preguntas, pero yo cuando no sé de qué color es una parte de la web y quiero hacer cambios, hago una captura del sitio, la abro en PhotoShop y allí hay una herramienta que creo es el cuentagotas, la seleccionas, haces click sobre el color y te lo abre como color frontal, haces click allí y te abre la paleta de colores con ese color y el código hexa.

Espero te haya servido, saludos

iNeedYou · 2 Sep 2012

Prodygy dijo:
Hola amigos, estoy metiéndome a cambiar los colores de mi tema, y no se cómo saber el color en concreto que tiene una parte del tema, para cambiarlo en la hoja de estilo. ¿Vosotros cómo lo hacéis? Un saludo

Mira esto a ver si te sirve: http://forobeta.com/css/126121-interesante-web-de-colores-hexadecimal.html

Calamar · 2 Sep 2012

Con el firefox, yo uso....botón derecho "ver código fuente de la página"...
Ahí, aprendes muchas cosas :encouragement:

lordskorpius · 2 Sep 2012

Uso Chrome, doy anticlick sobre el color y le doy a "Inspeccionar Elemento". Allí me arroja el valor hexadecimal e incluso lo puedo ir tocando para encontrar uno que me guste sin necesidad de tocar la plantilla, una vez que encuentro uno que me agrada, simplemente voy a la plantilla y lo cambio. :encouragement:

r2j · 2 Sep 2012

lordskorpius dijo:
Uso Chrome, doy anticlick sobre el color y le doy a "Inspeccionar Elemento". Allí me arroja el valor hexadecimal e incluso lo puedo ir tocando para encontrar uno que me guste sin necesidad de tocar la plantilla, una vez que encuentro uno que me agrada, simplemente voy a la plantilla y lo cambio. :encouragement:

La más práctica de todas 😀 Gracias amigo

drytagoras · 2 Sep 2012

Parecido a lo del Chrome, existe el maravilloso mundo del Enlace eliminado para firefox.....

epsilo99 · 2 Sep 2012

El complemento que estás buscando se llama colorzilla para firefox!!!!!!!!!!!1

r2j · 4 Sep 2012

epsilo99 dijo:
El complemento que estás buscando se llama colorzilla para firefox!!!!!!!!!!!1

Gracias 😀

Ale Hernandez · 5 Sep 2012

drytagoras dijo:
Parecido a lo del Chrome, existe el maravilloso mundo del Enlace eliminado para firefox.....

Firefox trae un inspector integrado. :encouragement:

Gridalo · 8 Sep 2012

drytagoras dijo:
Parecido a lo del Chrome, existe el maravilloso mundo del Enlace eliminado para firefox.....

Efectivamente!

Para mi el firebug es el mejor aliado para el firefox, es de esas cosas que ahora piensas "como podre haber diseñado webs sin ellos" xD

Un saludo

cristiancs · 10 Sep 2012

Yo utilizo una extension para chrome que se llama Eye dropper, es muy facil de usar y muy util. Ademas me ahorra mucho tiempo ya que antes tenia que abrir PS y usar el cuenta gotas como leí en algunos comentarios.

crystaldream · 23 Oct 2012

Colorzilla y RainbowColors son buenísimas extensiones, en cuanto a colores más pequeños es bueno inspeccionar elemento con Firebug o WebDeveloper Toolbar.

O más arcaico, sacas una captura y la pegas en photoshop, tomas el cuentagotas y te fijas en el valor hexadecimal #??????

olaxpiston · 23 Oct 2012

Si quieres algo práctico, sencillo y rápido te recomiendo este pequeño programa: Enlace eliminado Una vez que lo instalas aparece un ícono junto a los demás íconos de sistema, si les das click y dejas el botón apretado te puedes situar en cualquier parte de la pantalla e inmediatamente te muestra el código del color y además lo guarda en portapapeles para que lo puedas pegar.

sergio1699 · 28 Oct 2012

Descargate el firebug (si es que no lo tienes ya ) y ahi podras ir mirando el css y el html en tiempo real solo con posicionar el puntero encima de la parte deseada

sneijder · 28 Oct 2012

Abdellah dijo:
Aqui tienes [MENTION=19022]Prodygy[/MENTION]
1- Metodo facil

Descarga el Photofiltre X Studio 🙂 Captura la pantalla y ahi tendras una utilidad que te da el codigo Hexadecimal de la parte que quieras 🙂

2- Metodo tradicional
Buscas en CSS del DIV 😱nthego: y miras el codigo, ta dara dolores de cabeza, te aconsejo el primero :fatigue:

epsilo99 dijo:
El complemento que estás buscando se llama colorzilla para firefox!!!!!!!!!!!1

gracias probare los 2

Cómo identificar los colores en hojas de estilo para cambiar los colores de los temas

r2j

Abdellah

Puchi

iNeedYou

Calamar

lordskorpius

r2j

drytagoras

epsilo99

r2j

Ale Hernandez

Gridalo

cristiancs

crystaldream

olaxpiston

sergio1699

sneijder

Temas similares