Cette référence est générée à partir des données de couleur des drapeaux contenues dans les fiches Flag, afin que les couleurs restent cohérentes partout où elles apparaissent. Consultez chaque page d'identité pour son drapeau et ses codes couleur.
187 variables CSS réparties sur 37 drapeaux, générées à partir des fiches Flag. Collez-les dans votre feuille de style et appelez-les avec var(--flag-bisexual-flag-magenta).
:root {
/* Drapeau abrosexuel */
--flag-abrosexual-flag-vert-foncé: #46d294;
--flag-abrosexual-flag-vert-clair: #a3e9c8;
--flag-abrosexual-flag-blanc: #ffffff;
--flag-abrosexual-flag-rose-clair: #f5a9b8;
--flag-abrosexual-flag-rose-foncé: #ee1766;
/* Drapeau agenre */
--flag-agender-flag-noir-haut: #000000;
--flag-agender-flag-gris-haut: #b4b4b4;
--flag-agender-flag-blanc-haut: #ffffff;
--flag-agender-flag-vert-clair-centre: #b3ed7f;
--flag-agender-flag-blanc-bas: #ffffff;
--flag-agender-flag-gris-bas: #b4b4b4;
--flag-agender-flag-noir-bas: #000000;
/* Drapeau androgyne */
--flag-androgyne-and-androgyny-flag-rose: #fe007f;
--flag-androgyne-and-androgyny-flag-blanc: #ffffff;
--flag-androgyne-and-androgyny-flag-bleu: #00b8e7;
/* Drapeau aporagenre */
--flag-aporagender-flag-jaune: #fcd689;
--flag-aporagender-flag-blanc: #ffffff;
--flag-aporagender-flag-gris: #ababab;
--flag-aporagender-flag-noir: #000000;
--flag-aporagender-flag-violet: #8b00ff;
/* Drapeau aroace */
--flag-aroace-flag-1: #e38d00;
--flag-aroace-flag-2: #e7c601;
--flag-aroace-flag-3: #ffffff;
--flag-aroace-flag-4: #5faad7;
--flag-aroace-flag-5: #1f3554;
/* Drapeau du spectre aromantique */
--flag-aromantic-spectrum-flag-1: #3da542;
--flag-aromantic-spectrum-flag-2: #a7d379;
--flag-aromantic-spectrum-flag-3: #ffffff;
--flag-aromantic-spectrum-flag-4: #a9a9a9;
--flag-aromantic-spectrum-flag-5: #000000;
/* Drapeau du spectre asexuel */
--flag-asexual-spectrum-flag-1: #000000;
--flag-asexual-spectrum-flag-2: #a4a4a4;
--flag-asexual-spectrum-flag-3: #ffffff;
--flag-asexual-spectrum-flag-4: #810081;
/* Drapeau Bear Brotherhood */
--flag-bear-brotherhood-flag-brun-foncé: #633800;
--flag-bear-brotherhood-flag-rouille: #d76300;
--flag-bear-brotherhood-flag-doré: #ffde58;
--flag-bear-brotherhood-flag-beige: #ffe7b5;
--flag-bear-brotherhood-flag-blanc: #ffffff;
--flag-bear-brotherhood-flag-gris: #555555;
--flag-bear-brotherhood-flag-noir: #000000;
/* Drapeau bigenre */
--flag-bigender-flag-1: #c479a2;
--flag-bigender-flag-2: #eda5cd;
--flag-bigender-flag-3: #d5c7e8;
--flag-bigender-flag-4: #ffffff;
--flag-bigender-flag-5: #9ac7e8;
--flag-bigender-flag-6: #6d82d1;
/* Drapeau bisexuel */
--flag-bisexual-flag-haut-2-5: #d60270;
--flag-bisexual-flag-milieu-1-5: #9b4f96;
--flag-bisexual-flag-bas-2-5: #0038a8;
/* Drapeau butch & femme */
--flag-butch-and-femme-flag-orange-foncé: #d2691e;
--flag-butch-and-femme-flag-brun-orangé: #c47d28;
--flag-butch-and-femme-flag-beige: #d4aa70;
--flag-butch-and-femme-flag-blanc: #ffffff;
--flag-butch-and-femme-flag-bleu-foncé: #002366;
/* Drapeau demiromantique */
--flag-demiromantic-flag-chevron-noir: #000000;
--flag-demiromantic-flag-zone-blanche: #ffffff;
--flag-demiromantic-flag-zone-grise: #a9a9a9;
--flag-demiromantic-flag-bande-verte: #3da542;
/* Drapeau demisexuel */
--flag-demisexual-flag-chevron-noir: #000000;
--flag-demisexual-flag-zone-blanche: #ffffff;
--flag-demisexual-flag-zone-grise: #a4a4a4;
--flag-demisexual-flag-bande-violette: #810081;
/* Drapeau enbian */
--flag-enbian-flag-jaune: #fff430;
--flag-enbian-flag-jaune-vert: #c5e01a;
--flag-enbian-flag-blanc: #ffffff;
--flag-enbian-flag-gris-violacé: #9b59b6;
--flag-enbian-flag-violet-foncé: #6c3483;
/* Drapeau genderfluide */
--flag-genderfluid-flag-1: #ff76a4;
--flag-genderfluid-flag-2: #ffffff;
--flag-genderfluid-flag-3: #c011d7;
--flag-genderfluid-flag-4: #000000;
--flag-genderfluid-flag-5: #2f3cbe;
/* Drapeau genderflux */
--flag-genderflux-flag-rose-foncé: #b95e8a;
--flag-genderflux-flag-rose-clair: #edaac4;
--flag-genderflux-flag-gris: #a4a4a4;
--flag-genderflux-flag-bleu-clair: #9ac7e8;
--flag-genderflux-flag-bleu-foncé: #3c5ea2;
/* Drapeau genderqueer */
--flag-genderqueer-flag-1: #b57edc;
--flag-genderqueer-flag-2: #ffffff;
--flag-genderqueer-flag-3: #4a8123;
/* Drapeau greygenre & gendervoid */
--flag-greygender-and-gendervoid-flag-blanc: #ffffff;
--flag-greygender-and-gendervoid-flag-gris: #ababab;
--flag-greygender-and-gendervoid-flag-gris-foncé: #3d3d3d;
--flag-greygender-and-gendervoid-flag-violet: #9b59b6;
--flag-greygender-and-gendervoid-flag-noir: #000000;
/* Drapeau Égalité HRC */
--flag-hrc-equality-flag-fond-bleu: #000066;
--flag-hrc-equality-flag-signe-égal-jaune: #ffdf1b;
/* Drapeau intersex */
--flag-intersex-flag-fond: #ffd800;
--flag-intersex-flag-cercle: #7902aa;
/* Drapeau Progress Pride inclusif des personnes intersex */
--flag-intersex-inclusive-progress-pride-flag-rouge: #e40303;
--flag-intersex-inclusive-progress-pride-flag-orange: #ff8c00;
--flag-intersex-inclusive-progress-pride-flag-jaune: #ffed00;
--flag-intersex-inclusive-progress-pride-flag-vert: #008026;
--flag-intersex-inclusive-progress-pride-flag-bleu: #004dff;
--flag-intersex-inclusive-progress-pride-flag-violet: #750787;
--flag-intersex-inclusive-progress-pride-flag-noir-chevron: #000000;
--flag-intersex-inclusive-progress-pride-flag-brun-chevron: #784f17;
--flag-intersex-inclusive-progress-pride-flag-bleu-clair-chevron: #5bcefa;
--flag-intersex-inclusive-progress-pride-flag-rose-chevron: #f5a9b8;
--flag-intersex-inclusive-progress-pride-flag-blanc-chevron: #ffffff;
--flag-intersex-inclusive-progress-pride-flag-triangle-jaune: #ffd800;
--flag-intersex-inclusive-progress-pride-flag-cercle-violet: #7902aa;
/* Drapeau Leather Pride */
--flag-leather-pride-flag-bleu-roi: #252580;
--flag-leather-pride-flag-noir: #000000;
--flag-leather-pride-flag-blanc: #ffffff;
--flag-leather-pride-flag-cœur-rouge: #e80035;
/* Drapeau lesbien */
--flag-lesbian-flag-1: #d52d00;
--flag-lesbian-flag-2: #ef7627;
--flag-lesbian-flag-3: #ff9a56;
--flag-lesbian-flag-4: #ffffff;
--flag-lesbian-flag-5: #d162a4;
--flag-lesbian-flag-6: #b55690;
--flag-lesbian-flag-7: #a30262;
/* Drapeau maverique */
--flag-maverique-flag-blanc: #ffffff;
--flag-maverique-flag-jaune: #ffee00;
--flag-maverique-flag-orange: #ff6600;
/* Drapeau neutrois */
--flag-neutrois-flag-blanc: #ffffff;
--flag-neutrois-flag-vert: #1f9b00;
--flag-neutrois-flag-noir: #000000;
/* Drapeau non-binaire */
--flag-non-binary-flag-1: #fff430;
--flag-non-binary-flag-2: #ffffff;
--flag-non-binary-flag-3: #9c59d1;
--flag-non-binary-flag-4: #000000;
/* Drapeau omnisexuel */
--flag-omnisexual-flag-rose-clair: #fe9ace;
--flag-omnisexual-flag-rose: #ff53bf;
--flag-omnisexual-flag-violet-foncé: #200044;
--flag-omnisexual-flag-bleu: #6760fe;
--flag-omnisexual-flag-bleu-clair: #8ea6ff;
/* Drapeau pangenre */
--flag-pangender-flag-jaune-clair: #fff798;
--flag-pangender-flag-rose-clair: #fecbe3;
--flag-pangender-flag-orange-clair: #ffd1a4;
--flag-pangender-flag-blanc: #ffffff;
/* Drapeau pansexuel */
--flag-pansexual-flag-1: #ff218c;
--flag-pansexual-flag-2: #ffd800;
--flag-pansexual-flag-3: #21b1ff;
/* Drapeau Philadelphia Pride */
--flag-philadelphia-pride-flag-bande-noire: #000000;
--flag-philadelphia-pride-flag-bande-brune: #784f17;
--flag-philadelphia-pride-flag-rouge: #e40303;
--flag-philadelphia-pride-flag-orange: #ff8c00;
--flag-philadelphia-pride-flag-jaune: #ffed00;
--flag-philadelphia-pride-flag-vert: #008026;
--flag-philadelphia-pride-flag-bleu: #004dff;
--flag-philadelphia-pride-flag-violet: #750787;
/* Drapeau polyamoureux */
--flag-polyamorous-flag-bande-supérieure: #009fe3;
--flag-polyamorous-flag-bande-centrale: #e50051;
--flag-polyamorous-flag-bande-inférieure: #340c46;
--flag-polyamorous-flag-chevron: #ffffff;
--flag-polyamorous-flag-cœur: #fcbf00;
/* Drapeau polysexuel */
--flag-polysexual-flag-1: #f61cb9;
--flag-polysexual-flag-2: #07d569;
--flag-polysexual-flag-3: #1c92f6;
/* Drapeau Progress Pride */
--flag-progress-pride-flag-rouge: #e40303;
--flag-progress-pride-flag-orange: #ff8c00;
--flag-progress-pride-flag-jaune: #ffed00;
--flag-progress-pride-flag-vert: #008026;
--flag-progress-pride-flag-bleu: #004dff;
--flag-progress-pride-flag-violet: #750787;
--flag-progress-pride-flag-noir-chevron: #000000;
--flag-progress-pride-flag-brun-chevron: #784f17;
--flag-progress-pride-flag-bleu-clair-chevron: #5bcefa;
--flag-progress-pride-flag-rose-chevron: #f5a9b8;
--flag-progress-pride-flag-blanc-chevron: #ffffff;
/* Drapeau Puppy Pride */
--flag-puppy-pride-flag-bleu: #21409a;
--flag-puppy-pride-flag-noir: #000000;
--flag-puppy-pride-flag-blanc: #ffffff;
--flag-puppy-pride-flag-os-rouge: #ed1c24;
/* Drapeau Queer People of Color */
--flag-queer-people-of-color-flag-rouge: #e40303;
--flag-queer-people-of-color-flag-orange: #ff8c00;
--flag-queer-people-of-color-flag-jaune: #ffed00;
--flag-queer-people-of-color-flag-vert: #008026;
--flag-queer-people-of-color-flag-bleu: #004dff;
--flag-queer-people-of-color-flag-violet: #750787;
/* Drapeau arc-en-ciel original à huit bandes de Gilbert Baker */
--flag-rainbow-8-stripe-baker-flag-rose-vif: #df1995;
--flag-rainbow-8-stripe-baker-flag-rouge: #e4002b;
--flag-rainbow-8-stripe-baker-flag-orange: #fe5000;
--flag-rainbow-8-stripe-baker-flag-jaune: #ffcd00;
--flag-rainbow-8-stripe-baker-flag-vert: #00843d;
--flag-rainbow-8-stripe-baker-flag-turquoise: #009aa6;
--flag-rainbow-8-stripe-baker-flag-indigo: #003da5;
--flag-rainbow-8-stripe-baker-flag-violet: #a634b2;
/* Drapeau arc-en-ciel / fierté LGBTQIA+ */
--flag-rainbow-pride-flag-rouge: #e40303;
--flag-rainbow-pride-flag-orange: #ff8c00;
--flag-rainbow-pride-flag-jaune: #ffed00;
--flag-rainbow-pride-flag-vert: #008026;
--flag-rainbow-pride-flag-bleu: #004dff;
--flag-rainbow-pride-flag-violet: #750787;
}Non incluses, car aucun code couleur normalisé n'est enregistré pour elles :
- Drapeau achillean / MLM (hommes aimant les hommes)
- Drapeau Anarchie
- Drapeau demiboy
- Drapeau demigenre
- Drapeau demigirl
- Drapeau Disability Pride
- Drapeau des Faits
- Drapeau des hommes gays
- Drapeau Gendergender
- Drapeau graysexuel
- Drapeau Palestine
- Drapeau Paix arc-en-ciel
- Drapeau saphique / WLW
C'est normal pour les drapeaux dont les couleurs n'ont jamais été formellement définies. Si un drapeau de cette liste devrait avoir des codes, ajoutez ses bandes à la fiche Flag et il apparaîtra automatiquement.