Quelle est la méthode la plus rapide pour voir la couleur réelle d'un code hexadécimal # a7a7a7?

-1

Quelle est la méthode la plus rapide pour voir la couleur réelle du code hexadécimal # a7a7a7?Quelle est la méthode la plus rapide pour voir la couleur réelle d'un code hexadécimal # a7a7a7?

Lorsque je travaille sur un autre CSS, je veux être en mesure de voir rapidement la couleur de ce code hexadécimal particulier. Exemple: Si je suis en train d'éditer le CSS dans le bloc-notes et que j'ai trouvé le code # a7a7a7, alors comment puis-je savoir à quelle couleur correspond ce code?

J'ai déjà des outils qui peuvent me donner une valeur hexadécimale pour une couleur à l'écran, mais j'en ai besoin d'une qui fait le contraire.

Je ne veux pas de nuancier; Je veux juste un outil pour convertir de la valeur hexadécimale en couleur.

Source

2010-04-24 Jitendra Vyas

Vous supprimez le bloc-notes en tant qu'éditeur et choisissez parmi l'un des nombreux éditeurs CSS disponibles gratuitement?

exemple au hasard: http://speckyboy.com/2008/09/15/7-free-css-editors-which-is-the-best-you-choose/

EDIT: Alors ... pour en faire une question de programmation, et puisque vous êtes sous Windows XP, je fait un peu HTA application qui fait des aperçus de code couleur:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:hta="http://tempuri.org/microsoft/hta"> 
<head> 
    <title>Hex Helper</title> 
    <hta:application 
    id="HexColor" 
    version="0.1" 
    applicationname="Hex Helper" 
    sysmenu="yes" 
    maximizebutton="no" 
    minimizebutton="no" 
    border="dialog" 
    innerborder="no" 
    scroll="no" 
    selection="no" 
    contextmenu="no" 
    windowstate="normal" 
    /> 
    <style type="text/css"> 
    * { 
     border: 0 none; margin: 0; padding: 0; 
    } 
    html, body { 
     height:100%; 
     background-color: black; 
    } 
    #container { 
     padding: 5px; 
    } 
    #preview { 
     width: 130px; height: 90px; 
     border: 2px ridge; 
    } 
    #colorcode { 
     width: 100%; 
     height: 1.2em; 
    } 
    </style> 
    <script type="text/javascript"> 
    var trim  = /^\s+|\s$/g; 
    var fullColor = /^\s*#?([a-f0-9]{6})\s*$/; 
    var abbrColor = /^\s*#?([a-f0-9])([a-f0-9])([a-f0-9])\s*$/; 

    function setColor(hex) { 
     hex = hex.replace(trim, ""); 

     var preview = document.getElementById("preview"); 
     var m = null; 

     if (m = fullColor.exec(hex)) { 
     preview.style.backgroundColor = "#"+m[1]; 
     } else if (m = abbrColor.exec(hex)) { 
     preview.style.backgroundColor = "#"+m[1]+m[1]+m[2]+m[2]+m[3]+m[3]; 
     } 
    } 

    function setValue(preview) { 
     var colorcode = document.getElementById("colorcode") 
     colorcode.value=preview.style.backgroundColor; 
    } 
    </script> 
</head> 

<body onload="window.resizeTo(150,150)"> 
    <form action="#" id="container"> 
    <div id="preview" onclick="setValue(this);"></div> 
    <input id="colorcode" type="text" maxlength="7" onkeyup="setColor(this.value);" /> 
    </form> 
</body> 
</html>

Enregistrer ci-dessus dans un fichier appelé HexHelper.hta et exécutez le fichier. Voici à quoi ça ressemble. N'hésitez pas à modifier de quelque manière que ce soit.

Hex Helper screen stot http://img203.imageshack.us/img203/8122/hexhelper.png

Source

2010-04-24 06:30:08 Tomalak

ce n'est pas un point de ma question, ok dire moi comment voir la couleur du code dans dreamweaver? –

Supposons que j'ai ouvert un fichier CSS en vue de code dreamweaver et j'ai un code ## a7a7a7, maintenant comment voir la couleur de ce code. –

@metal: Facile - vous déposez Dreamweaver en tant qu'éditeur CSS et ... Sérieusement, pourquoi voulez-vous modifier CSS dans les mauvais outils? Je suppose qu'il y a un petit programme qui fait ce que vous voulez, cependant. Vous avez déjà essayé de rechercher dans la galerie Windows Gadget? – Tomalak

Photoshop? Je ne vois pas comment c'est vraiment une question pour la communauté SO, mais je travaille beaucoup avec photoshop et j'ai en général des photoshop en arrière-plan. De cette façon, je peux facilement passer à photoshop et utiliser l'outil de couleur pour regarder différentes valeurs hexadécimales. Il y a aussi beaucoup d'outils sur le web pour cela. Sur lequel je suis particulièrement friand est le Color Scheme Designer 3. Cliquez simplement sur la valeur hexadécimale et entrez la valeur hexadécimale de votre couleur et elle vous montrera de quelle couleur il s'agit.

Finalement, vous n'auriez pas besoin de ces outils, vous devriez être capable d'apprendre quels codes correspondent à quel espace de couleur. Et juste aller avec le sentiment de ce qu'une valeur de couleur hexadécimale particulière pourrait ressembler.

Source

2010-04-24 06:32:29

vous n'obtenez pas ma question .. "Si j'ai une couleur sur mon écran alors je sais rapidement ce que serait le code hexadécimal pour cela avec l'aide de certains outils, mais j'ai juste besoin de vis-à-vis de cela." –

@metal - Il comprend parfaitement votre question. Le sélecteur de couleurs de Photoshop vous permet d'entrer une valeur hexadécimale et de voir la couleur qu'il représente. –

@Jimmy - mais que je sais déjà et j'ai demandé une solution rapide –

Après avoir cherché beaucoup j'ai trouvé un bon outil en ligne pour faire

http://chir.ag/projects/name-that-color/

nous pouvons coller ici code et voir la couleur.

alt text http://shup.com/Shup/322305/11032475925-My-Desktop.png

Source

2010-04-24 06:59:03

génial !! Chirag a aussi quelques autres petits projets cool –

Cela peut paraître fou, mais oui cela est très facile et pratique de le faire. écrivez un html simple.

<html> 
    <body bgcolor="#a7a7a7"></body> 
</html>

maintenant, ouvrez cette page dans votre navigateur. Continuez à changer bgcolor à la couleur que vous voulez voir et rafraîchir le navigateur :)

une autre option est, créer un code HTML et inclure le CSS que vous essayez de modifier. Ouvrez cette page sur firefox, maintenant en utilisant firebug vous pouvez voir la couleur.{Juste survolez le code couleur css et vous verrez la couleur]

alt text http://img707.imageshack.us/img707/764/62889051.jpg

Source

2010-04-24 07:06:03

c'est très long. Je ne demandais pas ça. juste pour voir la couleur, je ne veux pas créer de page HTML et aller à firefox, firegbug. –