Exemple Couleurs Fichier JSON

Cette série d'articles a été réécrite à la mi-2017 avec des informations à jour et de nouveaux exemples.

Dans cet exemple JSON, nous examinerons comment nous pouvons stocker des valeurs simples dans un fichier en utilisant le format JSON.

En utilisant la notation de paire de valeurs clés, nous pouvons stocker tout type de valeur que nous voulons, y compris les chaînes, les tableaux et les littéraux. Bien sûr, nous ne pouvons pas enregistrer des données BLOB (par exemple, des données vidéo, audio ou compressées) car un fichier JSON est essentiellement un fichier texte que nous pouvons modifier à l'aide de n'importe quel éditeur de texte.

Jetons rapidement un coup d'œil à l'exemple suivant:

<span>{
</span>  <span>"colors": [
</span>    <span>{
</span>      <span>"color": "black",
</span>      <span>"category": "hue",
</span>      <span>"type": "primary",
</span>      <span>"code": {
</span>        <span>"rgba": [255,255,255,1],
</span>        <span>"hex": "#000"
</span>      <span>}
</span>    <span>},
</span>    <span>{
</span>      <span>"color": "white",
</span>      <span>"category": "value",
</span>      <span>"code": {
</span>        <span>"rgba": [0,0,0,1],
</span>        <span>"hex": "#FFF"
</span>      <span>}
</span>    <span>},
</span>    <span>{
</span>      <span>"color": "red",
</span>      <span>"category": "hue",
</span>      <span>"type": "primary",
</span>      <span>"code": {
</span>        <span>"rgba": [255,0,0,1],
</span>        <span>"hex": "#FF0"
</span>      <span>}
</span>    <span>},
</span>    <span>{
</span>      <span>"color": "blue",
</span>      <span>"category": "hue",
</span>      <span>"type": "primary",
</span>      <span>"code": {
</span>        <span>"rgba": [0,0,255,1],
</span>        <span>"hex": "#00F"
</span>      <span>}
</span>    <span>},
</span>    <span>{
</span>      <span>"color": "yellow",
</span>      <span>"category": "hue",
</span>      <span>"type": "primary",
</span>      <span>"code": {
</span>        <span>"rgba": [255,255,0,1],
</span>        <span>"hex": "#FF0"
</span>      <span>}
</span>    <span>},
</span>    <span>{
</span>      <span>"color": "green",
</span>      <span>"category": "hue",
</span>      <span>"type": "secondary",
</span>      <span>"code": {
</span>        <span>"rgba": [0,255,0,1],
</span>        <span>"hex": "#0F0"
</span>      <span>}
</span>    <span>},
</span>  <span>]
</span><span>}
</span>

Dans l'exemple ci-dessus, vous pouvez voir la quantité de données que nous pouvons fournir sur une couleur particulière. Prenez note de la structure et du niveau de nidification utilisé. Vous pouvez également utiliser une structure de base pour stocker vos données. Jetez un œil aux exemples suivants:

<span>{
</span>  <span>"aliceblue": "#f0f8ff",
</span>  <span>"antiquewhite": "#faebd7",
</span>  <span>"aqua": "#00ffff",
</span>  <span>"aquamarine": "#7fffd4",
</span>  <span>"azure": "#f0ffff",
</span>  <span>"beige": "#f5f5dc",
</span>  <span>"bisque": "#ffe4c4",
</span>  <span>"black": "#000000",
</span>  <span>"blanchedalmond": "#ffebcd",
</span>  <span>"blue": "#0000ff",
</span>  <span>"blueviolet": "#8a2be2",
</span>  <span>"brown": "#a52a2a",
</span><span>}
</span>

Échantillon prélevé à partir de Bahamas10 / CSS-Color-Names

ou celui-ci:

<span>{
</span>  <span>"aliceblue": [240, 248, 255, 1],
</span>  <span>"antiquewhite": [250, 235, 215, 1],
</span>  <span>"aqua": [0, 255, 255, 1],
</span>  <span>"aquamarine": [127, 255, 212, 1],
</span>  <span>"azure": [240, 255, 255, 1],
</span>  <span>"beige": [245, 245, 220, 1],
</span>  <span>"bisque": [255, 228, 196, 1],
</span>  <span>"black": [0, 0, 0, 1],
</span>  <span>"blanchedalmond": [255, 235, 205, 1],
</span>  <span>"blue": [0, 0, 255, 1],
</span>  <span>"blueviolet": [138, 43, 226, 1],
</span>  <span>"brown": [165, 42, 42, 1],
</span>  <span>"burlywood": [222, 184, 135, 1],
</span>  <span>"cadetblue": [95, 158, 160, 1],
</span>  <span>"chartreuse": [127, 255, 0, 1],
</span>  <span>"chocolate": [210, 105, 30, 1],
</span>  <span>"coral": [255, 127, 80, 1],
</span><span>}
</span>

Échantillon prélevé à partir de Corysimmons / Colors.json

La grande chose à propos de JSON est qu'elle est populaire et a un soutien natif dans tous les langues de programmation modernes. Ce qui signifie que vous obtenez un large éventail d'ensembles de données JSON (par exemple des listes de pays) que vous pouvez utiliser dans votre projet.

Voici les autres exemples de cette série:

• Google Maps JSON Exemple
• YouTube JSON Exemple
• Twitter JSON Exemple
• Geoip JSON Exemple
• WordPress JSON Exemple
• Database JSON Exemple
• EXEMPLE JSON REST LOCAL
• Test Data JSON Exemple
• Exemple de serveur JSON

FAQ sur les couleurs du fichier JSON

Qu'est-ce que JSON et comment est-il lié aux couleurs?

JSON, ou notation d'objet JavaScript, est un format d'interchange de données léger qui est facile pour les humains de lire et d'écrire et facile pour les machines à analyser et à générer. Il est basé sur un sous-ensemble du langage de programmation JavaScript. En ce qui concerne les couleurs, JSON peut être utilisé pour stocker les valeurs de couleur de manière structurée. Par exemple, vous pouvez stocker les valeurs RVB (rouge, vert, bleu) d'une couleur dans un objet JSON. Cela peut être utile dans divers scénarios, tels que le développement Web, où vous voudrez peut-être utiliser des valeurs de couleur spécifiques de manière cohérente sur un site Web.

Comment puis-je utiliser JSON pour définir les couleurs dans mon projet Web?

Vous pouvez définir les couleurs de votre projet Web en utilisant JSON en créant un objet JSON qui contient les noms de couleurs et leurs valeurs correspondantes. Par exemple, vous pouvez définir une couleur nommée «rouge» avec la valeur RVB de «255,0,0». Une fois que vous avez défini vos couleurs dans un objet JSON, vous pouvez les utiliser dans votre code CSS ou JavaScript en faisant référence aux noms de couleurs.

Puis-je utiliser JSON pour stocker les noms de couleurs et leurs valeurs hexagonales correspondantes?

Oui, vous pouvez utiliser JSON pour stocker les noms de couleurs et leurs valeurs hexadécimales correspondantes. Cela peut être particulièrement utile si vous travaillez avec une palette de couleurs qui utilise des valeurs hexagonales spécifiques. En stockant ces valeurs dans un objet JSON, vous pouvez assurer la cohérence dans votre projet et faciliter la mise à jour des couleurs si nécessaire.

Comment puis-je accéder aux valeurs de couleur stockées dans un objet JSON?

Vous pouvez accéder aux valeurs de couleur stockées dans un objet JSON à l'aide de la notation DOT ou de la notation de brassette. Par exemple, si vous avez un objet JSON nommé «Couleurs» qui contient une couleur nommée «rouge», vous pouvez accéder à la valeur du «rouge» en utilisant «Colors.Red» ou «Colors [« Red »]».

Puis-je utiliser JSON pour stocker d'autres informations liées aux couleurs? Par exemple, vous pouvez stocker les valeurs RVB, les valeurs hexagonales et même les valeurs HSL (teinte, saturation, légère) d'une couleur dans un objet JSON. Vous pouvez également stocker des informations supplémentaires, telles que la couleur est une couleur primaire, une couleur secondaire ou une couleur tertiaire.

Comment puis-je convertir un objet JSON en une chaîne?

Vous pouvez convertir un objet JSON en une chaîne en utilisant la méthode json.strifify (). Cela peut être utile si vous souhaitez stocker l'objet JSON dans une base de données ou l'envoyer sur un réseau.

Comment puis-je convertir une chaîne en un objet JSON?

Vous pouvez convertir une chaîne en un objet JSON à l'aide de la méthode JSON.Parse (). Cela peut être utile si vous avez reçu un objet JSON en tant que chaîne et que vous souhaitez accéder à ses propriétés.

Puis-je utiliser JSON pour stocker les gradients de couleur?

Oui, vous pouvez utiliser JSON pour stocker les gradients de couleur. Vous pouvez le faire en stockant les couleurs de début et de fin du dégradé, et toutes les autres couleurs entre les deux, dans un objet JSON.

Puis-je utiliser JSON pour stocker des palettes de couleurs?

Oui, vous pouvez utiliser JSON pour stocker des palettes de couleurs. Vous pouvez le faire en créant un objet JSON qui contient les noms de couleurs et leurs valeurs correspondantes pour chaque couleur de la palette.

Puis-je utiliser JSON pour stocker des schémas de couleurs?

Oui, vous pouvez utiliser JSON pour stocker des schémas de couleurs. Vous pouvez le faire en créant un objet JSON qui contient les noms de couleur et leurs valeurs correspondantes pour chaque couleur du schéma. Cela peut être particulièrement utile si vous travaillez sur un projet qui nécessite une palette de couleurs cohérente.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!