Diese Referenz wird aus den Flaggenfarb-Daten der Flag-Datensätze generiert, damit die Farben überall, wo sie erscheinen, konsistent bleiben. Sieh auf jeder Identitätsseite ihre Flagge und Farbcodes.
187 CSS-Variablen verteilt auf 37 Flaggen, generiert aus den Flag-Datensätzen. Füge sie in dein Stylesheet ein und sprich sie mit var(--flag-bisexual-flag-magenta) an.
:root {
/* Abrosexuelle Flagge */
--flag-abrosexual-flag-dunkelgrün: #46d294;
--flag-abrosexual-flag-hellgrün: #a3e9c8;
--flag-abrosexual-flag-weiß: #ffffff;
--flag-abrosexual-flag-hellrosa: #f5a9b8;
--flag-abrosexual-flag-dunkelrosa: #ee1766;
/* Agender-Flagge */
--flag-agender-flag-schwarz-oben: #000000;
--flag-agender-flag-grau-oben: #b4b4b4;
--flag-agender-flag-weiß-oben: #ffffff;
--flag-agender-flag-hellgrün-mitte: #b3ed7f;
--flag-agender-flag-weiß-unten: #ffffff;
--flag-agender-flag-grau-unten: #b4b4b4;
--flag-agender-flag-schwarz-unten: #000000;
/* Androgyne Flagge */
--flag-androgyne-and-androgyny-flag-rosa: #fe007f;
--flag-androgyne-and-androgyny-flag-weiß: #ffffff;
--flag-androgyne-and-androgyny-flag-blau: #00b8e7;
/* Aporagender-Flagge */
--flag-aporagender-flag-gelb: #fcd689;
--flag-aporagender-flag-weiß: #ffffff;
--flag-aporagender-flag-grau: #ababab;
--flag-aporagender-flag-schwarz: #000000;
--flag-aporagender-flag-lila: #8b00ff;
/* Aroace-Flagge */
--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;
/* Flagge des aromantischen Spektrums */
--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;
/* Flagge des asexuellen Spektrums */
--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-Flagge */
--flag-bear-brotherhood-flag-dunkelbraun: #633800;
--flag-bear-brotherhood-flag-rostbraun: #d76300;
--flag-bear-brotherhood-flag-golden: #ffde58;
--flag-bear-brotherhood-flag-beige: #ffe7b5;
--flag-bear-brotherhood-flag-weiß: #ffffff;
--flag-bear-brotherhood-flag-grau: #555555;
--flag-bear-brotherhood-flag-schwarz: #000000;
/* Bigender-Flagge */
--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;
/* Bisexuelle Flagge */
--flag-bisexual-flag-oben-2-5: #d60270;
--flag-bisexual-flag-mitte-1-5: #9b4f96;
--flag-bisexual-flag-unten-2-5: #0038a8;
/* Butch- & Femme-Flagge */
--flag-butch-and-femme-flag-dunkelorange: #d2691e;
--flag-butch-and-femme-flag-orangebraun: #c47d28;
--flag-butch-and-femme-flag-beige: #d4aa70;
--flag-butch-and-femme-flag-weiß: #ffffff;
--flag-butch-and-femme-flag-dunkelblau: #002366;
/* Demiromantische Flagge */
--flag-demiromantic-flag-schwarzer-chevron: #000000;
--flag-demiromantic-flag-weiße-fläche: #ffffff;
--flag-demiromantic-flag-graue-fläche: #a9a9a9;
--flag-demiromantic-flag-grüner-streifen: #3da542;
/* Demisexuelle Flagge */
--flag-demisexual-flag-schwarzer-chevron: #000000;
--flag-demisexual-flag-weiße-fläche: #ffffff;
--flag-demisexual-flag-graue-fläche: #a4a4a4;
--flag-demisexual-flag-violetter-streifen: #810081;
/* Enbian-Flagge */
--flag-enbian-flag-gelb: #fff430;
--flag-enbian-flag-gelbgrün: #c5e01a;
--flag-enbian-flag-weiß: #ffffff;
--flag-enbian-flag-violettgrau: #9b59b6;
--flag-enbian-flag-dunkelviolett: #6c3483;
/* Genderfluid-Flagge */
--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;
/* Genderflux-Flagge */
--flag-genderflux-flag-dunkelrosa: #b95e8a;
--flag-genderflux-flag-hellrosa: #edaac4;
--flag-genderflux-flag-grau: #a4a4a4;
--flag-genderflux-flag-hellblau: #9ac7e8;
--flag-genderflux-flag-dunkelblau: #3c5ea2;
/* Genderqueer-Flagge */
--flag-genderqueer-flag-1: #b57edc;
--flag-genderqueer-flag-2: #ffffff;
--flag-genderqueer-flag-3: #4a8123;
/* Greygender- & Gendervoid-Flagge */
--flag-greygender-and-gendervoid-flag-weiß: #ffffff;
--flag-greygender-and-gendervoid-flag-grau: #ababab;
--flag-greygender-and-gendervoid-flag-dunkelgrau: #3d3d3d;
--flag-greygender-and-gendervoid-flag-violett: #9b59b6;
--flag-greygender-and-gendervoid-flag-schwarz: #000000;
/* HRC Equality flag */
--flag-hrc-equality-flag-blue-field: #000066;
--flag-hrc-equality-flag-yellow-equals-sign: #ffdf1b;
/* Intergeschlechtliche Flagge */
--flag-intersex-flag-hintergrund: #ffd800;
--flag-intersex-flag-kreis: #7902aa;
/* Intersex-inklusive Progress-Pride-Flagge */
--flag-intersex-inclusive-progress-pride-flag-rot: #e40303;
--flag-intersex-inclusive-progress-pride-flag-orange: #ff8c00;
--flag-intersex-inclusive-progress-pride-flag-gelb: #ffed00;
--flag-intersex-inclusive-progress-pride-flag-grün: #008026;
--flag-intersex-inclusive-progress-pride-flag-blau: #004dff;
--flag-intersex-inclusive-progress-pride-flag-violett: #750787;
--flag-intersex-inclusive-progress-pride-flag-schwarz-chevron: #000000;
--flag-intersex-inclusive-progress-pride-flag-braun-chevron: #784f17;
--flag-intersex-inclusive-progress-pride-flag-hellblau-chevron: #5bcefa;
--flag-intersex-inclusive-progress-pride-flag-rosa-chevron: #f5a9b8;
--flag-intersex-inclusive-progress-pride-flag-weiß-chevron: #ffffff;
--flag-intersex-inclusive-progress-pride-flag-gelbes-dreieck: #ffd800;
--flag-intersex-inclusive-progress-pride-flag-violetter-kreis: #7902aa;
/* Leather-Pride-Flagge */
--flag-leather-pride-flag-königsblau: #252580;
--flag-leather-pride-flag-schwarz: #000000;
--flag-leather-pride-flag-weiß: #ffffff;
--flag-leather-pride-flag-rotes-herz: #e80035;
/* Lesbische Flagge */
--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;
/* Maverique-Flagge */
--flag-maverique-flag-weiß: #ffffff;
--flag-maverique-flag-gelb: #ffee00;
--flag-maverique-flag-orange: #ff6600;
/* Neutrois-Flagge */
--flag-neutrois-flag-weiß: #ffffff;
--flag-neutrois-flag-grün: #1f9b00;
--flag-neutrois-flag-schwarz: #000000;
/* Nicht-binäre Flagge */
--flag-non-binary-flag-1: #fff430;
--flag-non-binary-flag-2: #ffffff;
--flag-non-binary-flag-3: #9c59d1;
--flag-non-binary-flag-4: #000000;
/* Omnisexuelle Flagge */
--flag-omnisexual-flag-hellrosa: #fe9ace;
--flag-omnisexual-flag-rosa: #ff53bf;
--flag-omnisexual-flag-dunkelviolett: #200044;
--flag-omnisexual-flag-blau: #6760fe;
--flag-omnisexual-flag-hellblau: #8ea6ff;
/* Pangender-Flagge */
--flag-pangender-flag-hellgelb: #fff798;
--flag-pangender-flag-hellrosa: #fecbe3;
--flag-pangender-flag-hellorange: #ffd1a4;
--flag-pangender-flag-weiß: #ffffff;
/* Pansexuelle Flagge */
--flag-pansexual-flag-1: #ff218c;
--flag-pansexual-flag-2: #ffd800;
--flag-pansexual-flag-3: #21b1ff;
/* Philadelphia-Pride-Flagge */
--flag-philadelphia-pride-flag-schwarzer-streifen: #000000;
--flag-philadelphia-pride-flag-brauner-streifen: #784f17;
--flag-philadelphia-pride-flag-rot: #e40303;
--flag-philadelphia-pride-flag-orange: #ff8c00;
--flag-philadelphia-pride-flag-gelb: #ffed00;
--flag-philadelphia-pride-flag-grün: #008026;
--flag-philadelphia-pride-flag-blau: #004dff;
--flag-philadelphia-pride-flag-violett: #750787;
/* Polyamore Flagge */
--flag-polyamorous-flag-oberer-streifen: #009fe3;
--flag-polyamorous-flag-mittlerer-streifen: #e50051;
--flag-polyamorous-flag-unterer-streifen: #340c46;
--flag-polyamorous-flag-chevron: #ffffff;
--flag-polyamorous-flag-herz: #fcbf00;
/* Polysexuelle Flagge */
--flag-polysexual-flag-1: #f61cb9;
--flag-polysexual-flag-2: #07d569;
--flag-polysexual-flag-3: #1c92f6;
/* Progress-Pride-Flagge */
--flag-progress-pride-flag-rot: #e40303;
--flag-progress-pride-flag-orange: #ff8c00;
--flag-progress-pride-flag-gelb: #ffed00;
--flag-progress-pride-flag-grün: #008026;
--flag-progress-pride-flag-blau: #004dff;
--flag-progress-pride-flag-violett: #750787;
--flag-progress-pride-flag-schwarz-chevron: #000000;
--flag-progress-pride-flag-braun-chevron: #784f17;
--flag-progress-pride-flag-hellblau-chevron: #5bcefa;
--flag-progress-pride-flag-rosa-chevron: #f5a9b8;
--flag-progress-pride-flag-weiß-chevron: #ffffff;
/* Puppy-Pride-Flagge */
--flag-puppy-pride-flag-blau: #21409a;
--flag-puppy-pride-flag-schwarz: #000000;
--flag-puppy-pride-flag-weiß: #ffffff;
--flag-puppy-pride-flag-roter-knochen: #ed1c24;
/* Queer-People-of-Color-Flagge */
--flag-queer-people-of-color-flag-rot: #e40303;
--flag-queer-people-of-color-flag-orange: #ff8c00;
--flag-queer-people-of-color-flag-gelb: #ffed00;
--flag-queer-people-of-color-flag-grün: #008026;
--flag-queer-people-of-color-flag-blau: #004dff;
--flag-queer-people-of-color-flag-violett: #750787;
/* Ursprüngliche Gilbert-Baker-Regenbogenflagge mit acht Streifen */
--flag-rainbow-8-stripe-baker-flag-pink: #df1995;
--flag-rainbow-8-stripe-baker-flag-rot: #e4002b;
--flag-rainbow-8-stripe-baker-flag-orange: #fe5000;
--flag-rainbow-8-stripe-baker-flag-gelb: #ffcd00;
--flag-rainbow-8-stripe-baker-flag-grün: #00843d;
--flag-rainbow-8-stripe-baker-flag-türkis: #009aa6;
--flag-rainbow-8-stripe-baker-flag-indigo: #003da5;
--flag-rainbow-8-stripe-baker-flag-violett: #a634b2;
/* Regenbogenflagge / LGBTQIA+-Pride-Flagge */
--flag-rainbow-pride-flag-rot: #e40303;
--flag-rainbow-pride-flag-orange: #ff8c00;
--flag-rainbow-pride-flag-gelb: #ffed00;
--flag-rainbow-pride-flag-grün: #008026;
--flag-rainbow-pride-flag-blau: #004dff;
--flag-rainbow-pride-flag-violett: #750787;
}Nicht enthalten, weil für sie keine standardisierten Farbcodes hinterlegt sind:
- Achillean- / MLM-Flagge (Männer, die Männer lieben)
- Anarchy flag
- Demiboy-Flagge
- Demigender-Flagge
- Demigirl-Flagge
- Disability-Pride-Flagge
- Flag of Facts
- Flagge der schwulen Männer
- Gendergender flag
- Grau-asexuelle Flagge
- Palestinian flag
- Rainbow Peace flag
- Sapphische / WLW-Flagge
Das ist bei Flaggen normal, deren Farben nie offiziell festgelegt wurden. Sollte eine Flagge hier doch Codes haben, füge ihre Streifen zum Flag-Datensatz hinzu, dann erscheint sie automatisch.