Deze referentie wordt gegenereerd op basis van de kleurgegevens van elke vlag, zodat de kleuren overal consistent blijven. Zie elke identiteitspagina voor de bijbehorende vlag en kleurcodes.
187 CSS-variabelen verdeeld over 37 vlaggen, gegenereerd uit de Flag-records. Plak ze in je stylesheet en verwijs ernaar met var(--flag-bisexual-flag-magenta).
:root {
/* Abroseksuele vlag */
--flag-abrosexual-flag-donkergroen: #46d294;
--flag-abrosexual-flag-lichtgroen: #a3e9c8;
--flag-abrosexual-flag-wit: #ffffff;
--flag-abrosexual-flag-lichtroze: #f5a9b8;
--flag-abrosexual-flag-donkerroze: #ee1766;
/* Agendervlag */
--flag-agender-flag-zwart-boven: #000000;
--flag-agender-flag-grijs-boven: #b4b4b4;
--flag-agender-flag-wit-boven: #ffffff;
--flag-agender-flag-lichtgroen-midden: #b3ed7f;
--flag-agender-flag-wit-onder: #ffffff;
--flag-agender-flag-grijs-onder: #b4b4b4;
--flag-agender-flag-zwart-onder: #000000;
/* Androgynievlag */
--flag-androgyne-and-androgyny-flag-roze: #fe007f;
--flag-androgyne-and-androgyny-flag-wit: #ffffff;
--flag-androgyne-and-androgyny-flag-blauw: #00b8e7;
/* Aporagendervlag */
--flag-aporagender-flag-geel: #fcd689;
--flag-aporagender-flag-wit: #ffffff;
--flag-aporagender-flag-grijs: #ababab;
--flag-aporagender-flag-zwart: #000000;
--flag-aporagender-flag-paars: #8b00ff;
/* Aroacevlag */
--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;
/* Vlag van het aromantisch spectrum */
--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;
/* Vlag van het aseksueel spectrum */
--flag-asexual-spectrum-flag-1: #000000;
--flag-asexual-spectrum-flag-2: #a4a4a4;
--flag-asexual-spectrum-flag-3: #ffffff;
--flag-asexual-spectrum-flag-4: #810081;
/* Bear Brotherhood-vlag */
--flag-bear-brotherhood-flag-donkerbruin: #633800;
--flag-bear-brotherhood-flag-roestbruin: #d76300;
--flag-bear-brotherhood-flag-goudkleurig: #ffde58;
--flag-bear-brotherhood-flag-lichtbeige: #ffe7b5;
--flag-bear-brotherhood-flag-wit: #ffffff;
--flag-bear-brotherhood-flag-grijs: #555555;
--flag-bear-brotherhood-flag-zwart: #000000;
/* Bigendervlag */
--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;
/* Biseksuele vlag */
--flag-bisexual-flag-boven-2-5: #d60270;
--flag-bisexual-flag-midden-1-5: #9b4f96;
--flag-bisexual-flag-onder-2-5: #0038a8;
/* Butch- & femmevlag */
--flag-butch-and-femme-flag-donkeroranje: #d2691e;
--flag-butch-and-femme-flag-oranjebruin: #c47d28;
--flag-butch-and-femme-flag-lichtbeige: #d4aa70;
--flag-butch-and-femme-flag-wit: #ffffff;
--flag-butch-and-femme-flag-donkerblauw: #002366;
/* Demiromantische vlag */
--flag-demiromantic-flag-zwarte-chevron: #000000;
--flag-demiromantic-flag-wit-vlak: #ffffff;
--flag-demiromantic-flag-grijs-vlak: #a9a9a9;
--flag-demiromantic-flag-groene-streep: #3da542;
/* Demiseksuele vlag */
--flag-demisexual-flag-zwarte-chevron: #000000;
--flag-demisexual-flag-wit-vlak: #ffffff;
--flag-demisexual-flag-grijs-vlak: #a4a4a4;
--flag-demisexual-flag-paarse-streep: #810081;
/* Enbianvlag */
--flag-enbian-flag-geel: #fff430;
--flag-enbian-flag-geelgroen: #c5e01a;
--flag-enbian-flag-wit: #ffffff;
--flag-enbian-flag-paarsgrijs: #9b59b6;
--flag-enbian-flag-donkerpaars: #6c3483;
/* Genderfluïde vlag */
--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;
/* Genderfluxvlag */
--flag-genderflux-flag-donkerroze: #b95e8a;
--flag-genderflux-flag-lichtroze: #edaac4;
--flag-genderflux-flag-grijs: #a4a4a4;
--flag-genderflux-flag-lichtblauw: #9ac7e8;
--flag-genderflux-flag-donkerblauw: #3c5ea2;
/* Genderqueervlag */
--flag-genderqueer-flag-1: #b57edc;
--flag-genderqueer-flag-2: #ffffff;
--flag-genderqueer-flag-3: #4a8123;
/* Greygender- & gendervoidvlag */
--flag-greygender-and-gendervoid-flag-wit: #ffffff;
--flag-greygender-and-gendervoid-flag-grijs: #ababab;
--flag-greygender-and-gendervoid-flag-donkergrijs: #3d3d3d;
--flag-greygender-and-gendervoid-flag-paars: #9b59b6;
--flag-greygender-and-gendervoid-flag-zwart: #000000;
/* HRC Equality flag */
--flag-hrc-equality-flag-blue-field: #000066;
--flag-hrc-equality-flag-yellow-equals-sign: #ffdf1b;
/* Interseksevlag */
--flag-intersex-flag-achtergrond: #ffd800;
--flag-intersex-flag-cirkel: #7902aa;
/* Intersekse-inclusieve Progress Pride-vlag */
--flag-intersex-inclusive-progress-pride-flag-rood: #e40303;
--flag-intersex-inclusive-progress-pride-flag-oranje: #ff8c00;
--flag-intersex-inclusive-progress-pride-flag-geel: #ffed00;
--flag-intersex-inclusive-progress-pride-flag-groen: #008026;
--flag-intersex-inclusive-progress-pride-flag-blauw: #004dff;
--flag-intersex-inclusive-progress-pride-flag-violet: #750787;
--flag-intersex-inclusive-progress-pride-flag-zwart-chevron: #000000;
--flag-intersex-inclusive-progress-pride-flag-bruin-chevron: #784f17;
--flag-intersex-inclusive-progress-pride-flag-lichtblauw-chevron: #5bcefa;
--flag-intersex-inclusive-progress-pride-flag-roze-chevron: #f5a9b8;
--flag-intersex-inclusive-progress-pride-flag-wit-chevron: #ffffff;
--flag-intersex-inclusive-progress-pride-flag-gele-driehoek: #ffd800;
--flag-intersex-inclusive-progress-pride-flag-paarse-cirkel: #7902aa;
/* Leather Pride-vlag */
--flag-leather-pride-flag-koningsblauw: #252580;
--flag-leather-pride-flag-zwart: #000000;
--flag-leather-pride-flag-wit: #ffffff;
--flag-leather-pride-flag-rood-hart: #e80035;
/* Lesbische vlag */
--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;
/* Maveriquevlag */
--flag-maverique-flag-wit: #ffffff;
--flag-maverique-flag-geel: #ffee00;
--flag-maverique-flag-oranje: #ff6600;
/* Neutroisvlag */
--flag-neutrois-flag-wit: #ffffff;
--flag-neutrois-flag-groen: #1f9b00;
--flag-neutrois-flag-zwart: #000000;
/* Non-binaire vlag */
--flag-non-binary-flag-1: #fff430;
--flag-non-binary-flag-2: #ffffff;
--flag-non-binary-flag-3: #9c59d1;
--flag-non-binary-flag-4: #000000;
/* Omniseksuele vlag */
--flag-omnisexual-flag-lichtroze: #fe9ace;
--flag-omnisexual-flag-roze: #ff53bf;
--flag-omnisexual-flag-donkerpaars: #200044;
--flag-omnisexual-flag-blauw: #6760fe;
--flag-omnisexual-flag-lichtblauw: #8ea6ff;
/* Pangendervlag */
--flag-pangender-flag-lichtgeel: #fff798;
--flag-pangender-flag-lichtroze: #fecbe3;
--flag-pangender-flag-lichtoranje: #ffd1a4;
--flag-pangender-flag-wit: #ffffff;
/* Panseksuele vlag */
--flag-pansexual-flag-1: #ff218c;
--flag-pansexual-flag-2: #ffd800;
--flag-pansexual-flag-3: #21b1ff;
/* Philadelphia Pride-vlag */
--flag-philadelphia-pride-flag-zwarte-streep: #000000;
--flag-philadelphia-pride-flag-bruine-streep: #784f17;
--flag-philadelphia-pride-flag-rood: #e40303;
--flag-philadelphia-pride-flag-oranje: #ff8c00;
--flag-philadelphia-pride-flag-geel: #ffed00;
--flag-philadelphia-pride-flag-groen: #008026;
--flag-philadelphia-pride-flag-blauw: #004dff;
--flag-philadelphia-pride-flag-violet: #750787;
/* Polyamoureuze vlag */
--flag-polyamorous-flag-bovenste-streep: #009fe3;
--flag-polyamorous-flag-middelste-streep: #e50051;
--flag-polyamorous-flag-onderste-streep: #340c46;
--flag-polyamorous-flag-chevron: #ffffff;
--flag-polyamorous-flag-hart: #fcbf00;
/* Polyseksuele vlag */
--flag-polysexual-flag-1: #f61cb9;
--flag-polysexual-flag-2: #07d569;
--flag-polysexual-flag-3: #1c92f6;
/* Progress Pride-vlag */
--flag-progress-pride-flag-rood: #e40303;
--flag-progress-pride-flag-oranje: #ff8c00;
--flag-progress-pride-flag-geel: #ffed00;
--flag-progress-pride-flag-groen: #008026;
--flag-progress-pride-flag-blauw: #004dff;
--flag-progress-pride-flag-violet: #750787;
--flag-progress-pride-flag-zwart-chevron: #000000;
--flag-progress-pride-flag-bruin-chevron: #784f17;
--flag-progress-pride-flag-lichtblauw-chevron: #5bcefa;
--flag-progress-pride-flag-roze-chevron: #f5a9b8;
--flag-progress-pride-flag-wit-chevron: #ffffff;
/* Puppy Pride-vlag */
--flag-puppy-pride-flag-blauw: #21409a;
--flag-puppy-pride-flag-zwart: #000000;
--flag-puppy-pride-flag-wit: #ffffff;
--flag-puppy-pride-flag-rood-bot: #ed1c24;
/* Queer People of Color-vlag */
--flag-queer-people-of-color-flag-rood: #e40303;
--flag-queer-people-of-color-flag-oranje: #ff8c00;
--flag-queer-people-of-color-flag-geel: #ffed00;
--flag-queer-people-of-color-flag-groen: #008026;
--flag-queer-people-of-color-flag-blauw: #004dff;
--flag-queer-people-of-color-flag-violet: #750787;
/* Oorspronkelijke regenboogvlag met acht strepen van Gilbert Baker */
--flag-rainbow-8-stripe-baker-flag-felroze: #df1995;
--flag-rainbow-8-stripe-baker-flag-rood: #e4002b;
--flag-rainbow-8-stripe-baker-flag-oranje: #fe5000;
--flag-rainbow-8-stripe-baker-flag-geel: #ffcd00;
--flag-rainbow-8-stripe-baker-flag-groen: #00843d;
--flag-rainbow-8-stripe-baker-flag-turkoois: #009aa6;
--flag-rainbow-8-stripe-baker-flag-indigo: #003da5;
--flag-rainbow-8-stripe-baker-flag-violet: #a634b2;
/* Regenboogvlag / LGBTQIA+-pridevlag */
--flag-rainbow-pride-flag-rood: #e40303;
--flag-rainbow-pride-flag-oranje: #ff8c00;
--flag-rainbow-pride-flag-geel: #ffed00;
--flag-rainbow-pride-flag-groen: #008026;
--flag-rainbow-pride-flag-blauw: #004dff;
--flag-rainbow-pride-flag-violet: #750787;
}Niet opgenomen, omdat er voor deze vlaggen geen standaard kleurcodes zijn vastgelegd:
- Achillean / MLM-vlag (mannen die van mannen houden)
- Anarchy flag
- Demiboyvlag
- Demigendervlag
- Demigirlvlag
- Disability Pride-vlag
- Flag of Facts
- Homomannenvlag
- Gendergender flag
- Grijs-aseksuele vlag
- Palestinian flag
- Rainbow Peace flag
- Sapphic- / WLW-vlag
Dat is normaal voor vlaggen waarvan de kleuren nooit formeel zijn vastgelegd. Als een vlag hier wel codes hoort te hebben, voeg je de banen toe aan het Flag-record. Ze verschijnt dan vanzelf.