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;
/* HRC Equality flag */
--flag-hrc-equality-flag-blue-field: #000066;
--flag-hrc-equality-flag-yellow-equals-sign: #ffdf1b;
/* Drapeau intersexe */
--flag-intersex-flag-fond: #ffd800;
--flag-intersex-flag-cercle: #7902aa;
/* Drapeau Progress Pride inclusif des personnes intersexes */
--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)
- Anarchy flag
- Drapeau demiboy
- Drapeau demigenre
- Drapeau demigirl
- Drapeau Disability Pride
- Flag of Facts
- Drapeau des hommes gays
- Gendergender flag
- Drapeau graysexuel
- Palestinian flag
- Rainbow Peace flag
- 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.