Résumé des codes couleurs en CSS (Collection)-tutoriel CSS-php.cn

Maison

interface Web

tutoriel CSS

Résumé des codes couleurs en CSS (Collection)

黄舟

Jul 19, 2017 am 10:45 AM

css 收藏

Liste des codes couleurs CSS

FFFFFF	#DDDDDD	#AAAAAA	#888888	#666666	#444444	#000000
#FFB7DD	#FF88C2	#FF44AA	#FF0088	#C10066	#A20055	#8C0044
#FFCCCC	#FF8888	#FF3333	#FF0000	#CC0000	#AA0000	#880000
#FFC8B4	#FFA488	#FF7744	#FF5511	#E63F00	#C63300	#A42D00
#FFDDAA	#FFBB66	#FFAA33	#FF8800	#EE7700	#CC6600	#BB5500
#FFEE99	#FFDD55	#FFCC22	#FFBB00	#DDAA00	#AA7700	#886600
#FFFFBB	#FFFF77	#FFFF33	#FFFF00	#EEEE00	#BBBB00	#888800
#EEFFBB	#DDFF77	#CCFF33	#BBFF00	#99DD00	#88AA00	#668800
#CCFF99	#BBFF66	#99FF33	#77FF00	#66DD00	#55AA00	#227700
#99FF99	#66FF66	#33FF33	#00FF00	#00DD00	#00AA00	#008800
#BBFFEE	#77FFCC	#33FFAA	#00FF99	#00DD77	#00AA55	#008844
#AAFFEE	#77FFEE	#33FFDD	#00FFCC	#00DDAA	#00AA88	#008866
#99FFFF	#66FFFF	#33FFFF	#00FFFF	#00DDDD	#00AAAA	#008888
#CCEEFF	#77DDFF	#33CCFF	#00BBFF	#009FCC	#0088A8	#007799
#CCDDFF	#99BBFF	#5599FF	#0066FF	#0044BB	#003C9D	#003377
#CCCCFF	#9999FF	#5555FF	#0000FF	#0000CC	#0000AA	#000088
#CCBBFF	#9F88FF	#7744FF	#5500FF	#4400CC	#2200AA	#220088
#D1BBFF	#B088FF	#9955FF	#7700FF	#5500DD	#4400B3	#3A0088
#E8CCFF	#D28EFF	#B94FFF	#9900FF	#7700BB	#66009D	#550088
#F0BBFF	#E38EFF	#E93EFF	#CC00FF	#A500CC	#7A0099	#660077
#FFB3FF	#FF77FF	#FF3EFF	#FF0 0FF	#CC00CC	#990099	#770077

顏色名稱

代碼 th>

顏色名稱	代碼	顏色
maroon	#800000
darkred	#8B0000
brown	#A52A2A
firebrick	#B22222
crimson	#DC143C
red	#FF0000

顏色

marron

#800000

　 td>

rouge foncé

#8B0000

marron

#A52A2A

brique réfractaire

#B22222

cramoisi

#DC143C

rouge

#FF0000

桃紅~紛紅

顏色名稱	代碼	顏色
mediumvioletred	#C71585
palevioletred	#D87093
deeppink	#FF1493
fuchsia(magenta)	#FF00FF
hotpink	#FF69B4
pink	#FFC0CB
lightpink	#FFB6C1
mistyrose	#FFE4E1
lavenderblush	#FFF0F5

顏色名稱	代碼	顏色
rouge violet moyen	#C71585
rouge violet pâle	# D87093
rose profond	#FF1493
fuchsia(magenta)	#FF00FF
rose vif	#FF69B4
rose	#FFC0CB
rose clair	#FFB6C1
mistyrose	#FFE4E1
blush lavande	#FFF0F5

紫

顏色名稱	代碼	顏色
indigo	#4B0082
purple	#800080
darkmagenta	#8B008B
darkorchid	#9932CC
blueviolet	#8A2BE2
darkviolet	#9400D3
slateblue	#6A5ACD
mediumpurple	#9370DB
mediumslateblue	#7B68EE
mediumorchid	#BA55D3
violet	#EE82EE
plum	#DDA0DD
thistle	#D8BFD8
lavender	#E6E6FA

#8B008B 　

顏色名稱	代碼	顏色
indigo	#4B0082
violet	#800080
darkmagenta
darkorchidé	#9932CC
bleuviolet	#8A2BE2
violet foncé	#9400D3
bleu ardoise	#6A5ACD
violet moyen	#9370DB
bleu ardoise moyen	#7B68EE
orchidée moyenne	#BA55D3
violet	#EE82EE
prune	#DDA0DD
chardon	#D8BFD8
lavande	#E6E6FA

褐~橘~米白

tr>#FAEBD7 tbody>

顏色名稱

代碼

顏色名稱	代碼	顏色
saddlebrown	#8B4513
sienna	#A0522D
chocolate	#D2691E
indianred	#CD5C5C
rosybrown	#BC8F8F
lightcorol	#F08080
salmon	#FA8072
lightsalmon	#FFA07A
orangered	#FF4500
tomato	#FF6347
coral	#FF7F50
darkorange	#FF8C00
sandybrown	#F4A460
peru	#CD853F
tan	#D2B48C
burlywood	#DEB887
wheat	#F5DEB3
moccasin	#FFE4B5
navajowhite	#FFDEAD
peachpuff	#FFDAB9
bisque	#FFE4C4
antuquewhite	#FAEBD7
papayawhip	#FFEFD5
cornsilk	#FFF8DC
oldlace	#FDF5E6
linen	#FAF0E6
seashell	#FFF5EE
snow	#FFFAFA
floralwhite	#FFFAF0
ivory	#FFFFF0
mintcream	#F5FFFA

顏色

marron selle

#8B4513

sienne

#A0522D

chocolat

#D2691E

rouge indien

#CD5C5C

brun rosé

#BC8F8F

corol clair

#F08080

saumon

#FA8072

saumon clair

#FFA07A

orangerouge

# FF4500

tomate

#FF6347

corail

#FF7F50

orange foncé

#FF8C00

brun sable

#F4A460

pérou

#CD853F

beige

#D2B48C

burlywood

#DEB887

blé

#F5DEB3

mocassin

#FFE4B5

navajowhite

#FFDEAD

pêche-pêche

#FFDAB9

bisque

#FFE4C4

antuquewhite

papayawhip

#FFEFD5

soie de maïs

#FFF8DC

oldlace

#FDF5E6

lin

#FAF0E6

coquillage

#FFF5EE

neige

#FFFAFA

blanc floral

#FFFAF0

ivoire

#FFFFF0

crème à la menthe

#F5FFFA

金~黃

顏色名稱	代碼	顏色
darkgoldenrod	#B8860B
goldenrod	#DAA520
gold	#FFD700
yellow	#FFFF00
darkkhaki	#BDB76B
khaki	#F0E68C
palegoldenrod	#EEE8AA
beige	#F5F5DC
lemonchiffon	#FFFACD
lightgoldenrodyellow	#FAFAD2
lightyellow	#FFFFE0

tr>#FFFACD

顏色名稱	代碼	顏色
darkgoldenrod	#B8860B
verge d'or	#DAA520
or	#FFD700
jaune	#FFFF00
kaki foncé	#BDB76B
kaki	#F0E68C
verge doré pâle	#EEE8AA
beige	#F5F5DC
mousseline de citron
jaune tige dorée clair	#FAFAD2
jaune clair	#FFFFE0

~黃

綠

tr>　chaux

顏色名稱

代碼

顏色名稱	代碼	顏色
darkslategray	#2F4F4F
darkolivegreen	#556B2F
olive	#808000
darkgreen	#006400
forestgreen	#228B22
seagreen	#2E8B57
green(teal)	#008080
lightseagreen	#20B2AA
madiumaquamarine	#66CDAA
mediumseagreen	#3CB371
darkseagreen	#8FBC8F
yellowgreen	#9ACD32
limegreen	#32CD32
lime	#00FF00
chartreuse	#7FFF00
lawngreen	#7CFC00
greenyellow	#ADFF2F
mediumspringgreen	#00FA9A
springgreen	#00FF7F
lightgreen	#90EE90
palegreen	#98F898
aquamarine	#7FFFD4
honeydew	#F0FFF0

顏色

gris ardoise foncé

#2F4F4F

vert olive foncé

#556B2F

olive

#808000

vert foncé

#006400

vert forêt

#228B22

vert d'eau

#2E8B57

vert (sarcelle)

#008080

vert d'eau clair

#20B2AA

aigue-marine madium td>

#66CDAA

vert d'eau moyen

#3CB371

vert d'eau foncé

#8FBC8F

vert jaune

#9ACD32

vert citron

#32CD32

#00FF00

chartreuse

#7FFF00

vert pelouse

#7CFC00

vertjaune

#ADFF2F

vert printemps moyen

#00FA9A

vert printemps

#00FF7F

vert clair

#90EE90 td>

vert pâle

#98F898

aigue-marine

#7FFFD4

miellat

#F0FFF0

　 td>

藍

顏色名稱	代碼	顏色
midnightblue	#191970
navy	#000080
darkblue	#00008B
darkslateblue	#483D8B
mediumblue	#0000CD
royalblue	#4169E1
dodgerblue	#1E90FF
cornflowerblue	#6495ED
deepskyblue	#00BFFF
lightskyblue	#87CEFA
lightsteelblue	#B0C4DE
lightblue	#ADD8E6
steelblue	#4682B4
darkcyan	#008B8B
cadetblue	#5F9EA0
darkturquoise	#00CED1
mediumturquoise	#48D1CC
turquoise	#40E0D0
skyblue	#87CECB
powderblue	#B0E0E6
paleturquoise	#AFEEEE
lightcyan	#E0FFFF
azure	#F0FFFF
aliceblue	#F0F8FF
aqua(cyan)	#00FFFF

bleu nuit

顏色名稱	代碼	顏色
#191970
marine	#000080
bleu foncé	#00008B
bleu ardoise foncé	#483D8B
bleu moyen	#0000CD
bleu royal	#4169E1
bleu Dodger	#1E90FF td>
bleuet bleu	#6495ED
bleu ciel profond	#00BFFF
bleu ciel clair	#87CEFA	td>
bleu acier clair	#B0C4DE
bleu clair	#ADD8E6
bleu acier	#4682B4
cyan foncé	#008B8B
bleu cadet	#5F9EA0
turquoise foncée	#00CED1
turquoise moyenne	#48D1CC
turquoise	#40E0D0
bleu ciel	#87CECB
bleu poudre	# B0E0E6
paleturquoise	#AFEEEE
cyan clair	#E0FFFF
azur	#F0FFFF
aliceblue	#F0F8FF
aqua(cyan)	#00FFFF

黑~灰~白

顏色名稱	代碼	顏色
black	#000000
dimgray	#696969
gray	#808080
slategray	#708090
lightslategray	#778899
dakgray	#A9A9A9
silver	#C0C0C0
lightgray	#D3D3D3
gainsboro	#DCDCDC
whitesmoke	#F5F5F5
ghostwhite	#F8F8FF
white	#FFFFFF

顏色名稱代碼顏色 noir #000000 　 dimgray #696969 　 gris #808080 　 gris ardoise #708090 　 gris ardoise clair #778899 　 dakgray #A9A9A9 　 argent #C0C0C0 　 gris clair # D3D3D3 　 gainsboro #DCDCDC 　 whitesmoke #F5F5F5 　 ghostwhite #F8F8FF 　 blanc #FFFFFF
tableau>

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!

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

Générez AI Hentai gratuitement.

Afficher plus

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)

3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Meilleurs paramètres graphiques

3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Assassin's Creed Shadows: Solution d'énigmes de coquille

2 Il y a quelques semaines By DDD

R.E.P.O. Comment réparer l'audio si vous n'entendez personne

3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

WWE 2K25: Comment déverrouiller tout dans Myrise

3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Afficher plus

Outils chauds

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Afficher plus

Sujets chauds

Où se trouve l'entrée de connexion pour la messagerie Gmail ?

7467

Tutoriel CakePHP

1376

Quel est le format du nom de compte de Steam

Clé d&amp;amp;amp;amp;amp;amp;#39;activation Win11 permanent

NYT Connexions Indices et réponses

Afficher plus

Related knowledge

Comment utiliser le bouton bootstrap Apr 07, 2025 pm 03:09 PM

Comment utiliser le bouton bootstrap? Introduisez Bootstrap CSS pour créer des éléments de bouton et ajoutez la classe de bouton bootstrap pour ajouter du texte du bouton

Comment redimensionner le bootstrap Apr 07, 2025 pm 03:18 PM

Pour ajuster la taille des éléments dans Bootstrap, vous pouvez utiliser la classe de dimension, qui comprend: ajuster la largeur: .col-, .w-, .mw-ajustement Hauteur: .h-, .min-h-, .max-h-

Comment configurer le cadre de bootstrap Apr 07, 2025 pm 03:27 PM

Pour configurer le framework Bootstrap, vous devez suivre ces étapes: 1. Référez le fichier bootstrap via CDN; 2. Téléchargez et hébergez le fichier sur votre propre serveur; 3. Incluez le fichier bootstrap dans HTML; 4. Compiler les sass / moins au besoin; 5. Importer un fichier personnalisé (facultatif). Une fois la configuration terminée, vous pouvez utiliser les systèmes, composants et styles de grille de Bootstrap pour créer des sites Web et des applications réactifs.

Comment insérer des photos sur bootstrap Apr 07, 2025 pm 03:30 PM

Il existe plusieurs façons d'insérer des images dans Bootstrap: insérer directement les images, en utilisant la balise HTML IMG. Avec le composant d'image bootstrap, vous pouvez fournir des images réactives et plus de styles. Définissez la taille de l'image, utilisez la classe IMG-FLUID pour rendre l'image adaptable. Réglez la bordure en utilisant la classe IMG-border. Réglez les coins arrondis et utilisez la classe Roundée IMG. Réglez l'ombre, utilisez la classe Shadow. Redimensionner et positionner l'image, en utilisant le style CSS. À l'aide de l'image d'arrière-plan, utilisez la propriété CSS d'image d'arrière-plan.

Comment écrire des lignes fendues sur bootstrap Apr 07, 2025 pm 03:12 PM

Il existe deux façons de créer une ligne divisée bootstrap: en utilisant la balise, qui crée une ligne divisée horizontale. Utilisez la propriété CSS Border pour créer des lignes de fractionnement de style personnalisées.

Comment afficher la date de bootstrap Apr 07, 2025 pm 03:03 PM

Réponse: Vous pouvez utiliser le composant de sélecteur de date de bootstrap pour afficher les dates dans la page. Étapes: Présentez le framework bootstrap. Créez une boîte d'entrée de sélecteur de date dans HTML. Bootstrap ajoutera automatiquement des styles au sélecteur. Utilisez JavaScript pour obtenir la date sélectionnée.

Comment vérifier la date de bootstrap Apr 07, 2025 pm 03:06 PM

Pour vérifier les dates dans Bootstrap, suivez ces étapes: introduisez les scripts et styles requis; initialiser le composant de sélecteur de date; Définissez l'attribut Data-BV-Date pour activer la vérification; Configurer les règles de vérification (telles que les formats de date, les messages d'erreur, etc.); Intégrez le cadre de vérification de bootstrap et vérifiez automatiquement l'entrée de date lorsque le formulaire est soumis.

Comment régler la barre de navigation bootstrap Apr 07, 2025 pm 01:51 PM

Bootstrap fournit un guide simple pour configurer les barres de navigation: l'introduction de la bibliothèque bootstrap pour créer des conteneurs de barre de navigation Ajouter l'identité de marque Créer des liens de navigation Ajouter d'autres éléments (facultatif) Styles d'ajustement (facultatif)

See all articles