Color Picker

Pick a Color :

{{ tmpColor }}

Wrong Input

Or Use HTML5 :

Lighter / Darker :

  • {{c.lightness}} %
    {{ c.hex }}
Text black
Text black shadow
Text white
Text white shadow

Red

HEX
RGB
HSL

Hue

Hue Hex Rgb hsl
{{c.hue}} {{c.hex}} {{c.rgb}} {{c.hsl}}

Saturation

Saturation Hex Rgb hsl
{{c.saturation}} {{c.hex}} {{c.rgb}} {{c.hsl}}

RGB(Red, Green, Blue)

Red {{rgb[0]}} Green
{{rgb[1] }}
Blue
{{rgb[2]}}
RGB:
HEX:

Changer la nuance exacte ou la saturation de couleur évoque des sentiments totalement différents. Il y a des millions de nuances de couleurs qu'il est possible d'obtenir. Mais, parfois, il est vraiment difficile d’obtenir la couleur exacte que vous souhaitez pour votre projet. Choisir les bonnes couleurs pour un projet est toujours une tâche difficile. Donc, vous avez certainement besoin d'un outil de sélection de couleur afin de saisir exactement la teinte souhaitée. Si vous recherchez un outil de sélection de couleur simple, vous êtes au bon endroit! Notre site Web suggère l’un des outils utiles: Pipette de couleur. Toutefois, il est très important que les professionnels de l’animation, les concepteurs de logiciels, les programmeurs, les photographes et les artistes aient la possibilité de spécifier les couleurs à l’aide d’un numéro de code dans différents formats.

L'outil Pipette de couleurs aide les concepteurs Web, les photographes et les graphistes à choisir la bonne couleur et à obtenir rapidement le code de différentes nuances de couleurs!

Une pipette de couleur (également sélecteur de couleur ou outil de couleur) est un widget d'interface utilisateur graphique, généralement présent dans les logiciels de graphisme ou en ligne, utilisé pour sélectionner les couleurs et parfois pour créer des combinaisons de couleurs. (Wikipédia)

Avec cet outil extrêmement simple et rapide, le processus de choix de la couleur devient beaucoup plus simple. L'outil permet de sélectionner votre couleur préférée en cliquant simplement avec votre souris. Sur le côté gauche de la page, vous voyez un grand hexagone contenant de nombreux petits hexagones colorés. Lorsque vous cliquez sur une couleur, vous obtenez le code hexadécimal de la couleur sous l'hexagone. Vous pouvez également faire l'inverse en entrant le code dans la zone Couleur sélectionnée et obtenir la couleur spécifiée. Sur le côté droit de la page, vous obtiendrez toutes les nuances de la couleur sélectionnée avec leurs codes. Lorsque vous écrivez un nombre dans l'entrée Detalization, l'outil vous montrera un nombre spécifié de nuances sombres et claires. Par exemple, si vous entrez «5», l'outil vous montrera 5 nuances sombres et 5 nuances claires.

Savez-vous qu'environ sept millions de couleurs différentes peuvent être vues par l'œil humain?

La lumière est composée de sept groupes de longueurs d'onde. Ce sont les couleurs de l'arc-en-ciel: rouge, orange, jaune, vert, bleu, indigo et violet. Les couleurs rougeâtres sont les grandes longueurs d'onde culminant vers 564–580 nm (nanomètre). Les couleurs verdâtres correspondent à la longueur d'onde moyenne, culminant vers 534–545 nm. La couleur bleuâtre est la lumière de courte longueur d'onde proche de 420 à 440 nm.

La couleur est la caractéristique de la perception visuelle humaine décrite à travers des catégories de couleurs, avec des noms tels que rouge, orange, jaune, vert, bleu ou violet.

Les couleurs sont séparées en trois groupes principaux: primaire, secondaire et tertiaire.

Les trois couleurs primaires sont le rouge, le bleu et le jaune. Ces couleurs sont les couleurs de base qui composent toutes les autres couleurs de la roue chromatique. Les couleurs primaires des écrans de télévision et des écrans d’ordinateur sont le rouge, le vert et le bleu. Les imprimantes utilisent le magenta, le jaune et le cyan comme couleurs primaires (elles utilisent également le noir).

Les couleurs secondaires sont les mélanges des couleurs primaires. Ce sont orange, vert et violet.

Les couleurs tertiaires sont composées des couleurs intermédiaires telles que jaune vert et bleu vert. Ils sont créés en mélangeant une couleur primaire et une couleur secondaire.

Les couleurs expriment aussi des émotions. La plupart des couleurs peuvent être prises de manière positive ou négative, selon la combinaison avec d’autres couleurs.

Le rouge, l'orange et le jaune sont considérés comme chauds, alors que le violet et le bleu sont froids.

La couleur rouge aide à stimuler l'énergie et l'excitation. Les connotations négatives du rouge sont la rage, l'urgence et la colère, qui découlent des qualités passionnées et agressives du rouge. On pense que c'est un signe de colère, d'amour et de pouvoir.

Orange est une combinaison de rouge et de jaune. Il symbolise le bonheur, la joie et le soleil. L'orange n'est pas aussi agressive que le rouge mais symbolise également l'ignorance et la tromperie.

Le jaune vif est une couleur joyeuse qui symbolise la joie, l’intelligence, la luminosité, l’énergie, l’optimisme et le bonheur. Le jaune vif suscite des sentiments négatifs: prudence, critique, paresse et jalousie.

On dit que le vert est la couleur la plus neutre. C'est symbolique de l'argent, montrant la cupidité ou la jalousie.

Le bleu est une couleur paisible et apaisante qui respire la stabilité et le savoir-faire. C'est une couleur courante utilisée dans les sites d'entreprise. Le bleu peut aussi symboliser la confiance et la fiabilité. Le bleu peut donner des sentiments d'harmonie, de paix et de soin. Une nuance fraîche peut entraîner le côté négatif du bleu, symbolisant la dépression, le froid et la passivité.

Le violet est la couleur de la royauté et de la sophistication montrant la richesse et le luxe. Il donne également un sens de la spiritualité, encourage la créativité et est idéal pour promouvoir la créativité et les qualités féminines, tandis que le pourpre plus foncé peut évoquer la tristesse et la tristesse.

Les couleurs chaudes rendent une pièce plus chaleureuse en la faisant paraître plus petite, tandis que les couleurs froides rendent une pièce plus froide en la faisant paraître plus grande. Les couleurs neutres ne créent pas beaucoup d'émotion. Les couleurs comme le gris et le marron sont des couleurs neutres.

Le noir est l'absence de couleur et n'est donc pas une couleur. Le blanc est le mélange de toutes les couleurs et est une couleur. Il est souvent associé au pouvoir, à l'élégance, au raffinement et à la profondeur. On dit que porter du noir lors d'un entretien d'embauche peut montrer que la personne interrogée est un individu puissant, de même que les sites Web. Le noir peut également être vu négativement parce que la couleur est associée à la mort, au mystère et à l'inconnu. C'est la couleur du chagrin, du deuil et du chagrin, il faut donc l'utiliser à bon escient.

Les couleurs donnent un sens aux sites Web sans utiliser de mots. Ils créent beaucoup d'impact en montrant aux utilisateurs ce que l'entreprise représente et le type de produits qu'ils vendent.

Le jumelage de couleurs peut aider à changer complètement la signification d'un site. En associant un bleu tendre à un orange vif, vous pouvez rendre votre site plus excitant et plus joyeux. Couleurs bleues douces donnant un ton plus apaisant et paisible à votre site. Les géants de la restauration rapide comme McDonald’s, KFC, Burger King et de nombreux autres restaurants portent le thème de la couleur rouge et jaune. Les chercheurs disent que le rouge et le jaune sont les couleurs les plus appétissantes. Par contre, la couleur bleue est la couleur la moins appétissante.

Il y a beaucoup de termes pour décrire les couleurs. Les relations de couleurs sont divisées en deux groupes:

Les couleurs complémentaires sont des couleurs qui se complètent bien. Ce sont des couleurs comme le bleu et l’orange, le violet et le jaune, et le rouge et le vert.

Les couleurs analogues correspondent généralement assez bien mais offrent peu de contraste lorsqu'elles sont utilisées ensemble.

Quelle est la couleur de code HTML?

Le code de couleur HTML est un identifiant utilisé pour représenter une couleur sur le Web. Les formes courantes sont un nom de mot clé, une valeur hexadécimale, un triplet RVB (rouge, vert, bleu) et un triplet HSL (teinte, saturation, luminosité). Chaque forme permet un choix d'environ 16 millions de nuances.

Par exemple, la couleur rouge peut être un identifiant utilisant les formats suivants:

  • bleu (nom du mot clé) - le nom de la couleur. Avec ce format, on ne peut spécifier que 147 couleurs, représentées par 17 couleurs de base, avec 130 autres nuances. Ces couleurs sont appelées couleurs X11.
  • hex (#1c87c9) - est spécifié avec: #RRGGBB, où RR (rouge), GG (vert) et BB (bleu).
  • RGB (28, 135, 201) - chaque paramètre (rouge, vert, et bleu) définit l’intensité de la couleur et peut être un entier compris entre 0 et 255 ou une valeur en pourcentage (de 0% à 100%).
  • HSL (203, 76%, 45%) - signifie teinte, saturation et légèreté, représentant une représentation des couleurs à coordonnées cylindriques. La teinte est un degré sur la roue chromatique (de 0 à 360) où 0 (ou 360) est le rouge, 120 est le vert, 240 est le bleu. La saturation est une valeur en pourcentage où 0% corresponde à une nuance de gris et 100% à la couleur. La clarté est également un pourcentage où 0% est le noir, 100% est le blanc.

L’outil Pipette de couleur montre des couleurs au format hexadécimal (aussi hex).

Quelle est la couleur hexadécimale?

Hex est le code couleur le plus populaire composé de nombres hexadécimaux à trois octets (six chiffres) précédés d'un dièse (#), avec chaque octet ou paire de caractères dans le code hexadécimal représente l'intensité du rouge, du vert et du bleu dans la couleur respectivement.

Le code de couleur Hex contient les valeurs numériques de 0 à 9 et les valeurs alphabétiques de A à F.

Les valeurs d'octet de code vont de 00 (intensité minimale d'une couleur) à FF (intensité maximale).

Comprendre les bases du code hexadécimal est simple. Par exemple, obtenir une couleur blanche signifie que nous devrions mélanger chacune des trois couleurs primaires à leur intensité maximale #FFFFFF. Obtenir une couleur noire signifie que chacune des trois couleurs doit être affichée à sa plus faible intensité # 000000.