PGN-Farbschema

Ein vollständiges, an das Pirckheimer-Gymnasium angepasstes Farbschema im Stufenaufbau von Tailwind CSS. Die Farbnamen orientieren sich an Tailwind; die dargestellten Werte sind eine eigene PGN-Palette und nicht die Originalpalette von Tailwind.

Zuordnung der PGN-Farben

Zuordnung der PGN-Logofarben zu den Tailwind-Farbfamilien
PGN-Logofarbe	Tailwind-Farbfamilie	Originalwert
Orange	orange	`#f47216`
Grün	green	`#80cc28`
Dunkelblau	blue	`#384f6e`
Hellblau	cyan	`#59b2b4`

Für die Neuberechnung dienen die aktuellen PGN-CSS-Farben als Anker. Die PDF-Farbvorlage enthält im Begleittext noch ältere RGB- und HEX-Angaben; ihre CMYK-Farbflächen ergeben beim Rendern als sRGB ungefähr #f47216, #384f6e, #59b2b4 und #80cc28. Eine CMYK-zu-HEX-Umrechnung hängt vom verwendeten Farbprofil ab. Daher verwendet dieses Schema die oben angegebenen, aktuellen PGN-CSS-Werte.

Bei den vier PGN-Farben entspricht Stufe 500 exakt dem offiziellen Logo-Farbwert. Die übrigen Farbfamilien werden aus diesen vier PGN-Farben abgeleitet und an den jeweiligen Farbnamen angepasst. Die Stufen 50–400 sind helle, die Stufen 600–950 dunkle Varianten.

Farbpalette

PGN-Farbfamilien und ihre HEX-Farbwerte von Stufe 50 bis 950
Farbe	50	100	200	300	400	500	600	700	800	900	950
red	`#fcf5f6`	`#fcedee`	`#fdd9dc`	`#fdb8bf`	`#fe8a99`	`#ef627b`	`#cb4760`	`#9f2e46`	`#6f172b`	`#420314`	`#1e0005`
orange	`#fdf6f2`	`#fdeee6`	`#ffddcb`	`#ffbf9e`	`#ff975e`	`#f47216`	`#c85b0f`	`#984408`	`#672c03`	`#3a1500`	`#190500`
amber	`#fdf6f0`	`#feefe2`	`#ffdec3`	`#ffc38e`	`#f9a047`	`#e58600`	`#bb6c00`	`#8e5000`	`#5f3500`	`#351a00`	`#160700`
yellow	`#fef6e8`	`#fff1d5`	`#fee3b1`	`#f6cc7f`	`#e6b245`	`#d29a00`	`#aa7d00`	`#815d00`	`#563d00`	`#2f2000`	`#120900`
lime	`#faffea`	`#f8ffdf`	`#eaf7bb`	`#d7e88c`	`#bfd357`	`#a9be14`	`#8a9b00`	`#697700`	`#465100`	`#262c00`	`#0f1200`
green	`#f7fff1`	`#f3ffea`	`#d9fdbe`	`#bcf290`	`#9bde5e`	`#80cc28`	`#66a70f`	`#4d800b`	`#335606`	`#1a3003`	`#081401`
emerald	`#f4fff9`	`#edfff5`	`#c1fedf`	`#92f2c5`	`#57e0a7`	`#00cb8d`	`#00a672`	`#007f56`	`#00573a`	`#00311f`	`#00150b`
teal	`#f3fffa`	`#e3fff3`	`#c8f7e5`	`#9ee8cd`	`#6fd2b2`	`#41bc98`	`#279b7b`	`#1c765d`	`#10503f`	`#062d22`	`#02130d`
cyan	`#f2ffff`	`#e5fcfd`	`#cdf2f2`	`#a8e1e2`	`#7fcacb`	`#59b2b4`	`#3c9396`	`#257173`	`#0e4d4f`	`#012c2d`	`#001213`
sky	`#f5feff`	`#e7fbff`	`#c2f1fb`	`#93ddeb`	`#5dc1d5`	`#1fa6bc`	`#00889c`	`#006979`	`#004753`	`#002930`	`#001216`
blue	`#edf1f6`	`#dfe7f1`	`#c3cfdf`	`#97a8c0`	`#657a96`	`#384f6e`	`#2b405d`	`#1f324a`	`#142135`	`#091320`	`#030810`
indigo	`#eff0f6`	`#e3e6f6`	`#c5cef6`	`#9da8e3`	`#6f7ac1`	`#474e9d`	`#393f88`	`#2a2e6c`	`#1b1d4e`	`#0d0e32`	`#04051b`
violet	`#f1eff5`	`#e9e5f5`	`#d7cdf5`	`#b9a8e9`	`#947dcc`	`#7256ae`	`#5e4295`	`#483076`	`#301d54`	`#1a0c33`	`#0a031a`
purple	`#f3eef5`	`#f0e4f5`	`#e7caf4`	`#d3a4e5`	`#b378ca`	`#9351ad`	`#7c3c93`	`#602a73`	`#421751`	`#250630`	`#100116`
fuchsia	`#f6edf4`	`#f8e1f1`	`#f6c6e9`	`#e7a0d6`	`#cc75b8`	`#ae4e9a`	`#933881`	`#732463`	`#4f1244`	`#2e0327`	`#140010`
pink	`#f6eef1`	`#f7e4ec`	`#f9cddf`	`#f7a5ca`	`#e37dae`	`#ca5892`	`#ab4077`	`#842a5a`	`#5b143b`	`#35021f`	`#16000a`
rose	`#f6efef`	`#f6e7e7`	`#f7d1d5`	`#f9afb8`	`#f78093`	`#e25c76`	`#be405c`	`#952842`	`#661128`	`#3c0011`	`#170004`
slate	`#eff0f4`	`#e3e7ed`	`#cad1d9`	`#a3adba`	`#768191`	`#4d596a`	`#3e4959`	`#2e3845`	`#1e2630`	`#0f141c`	`#05080c`
gray	`#f0f1f2`	`#e7e9eb`	`#d2d5d8`	`#b2b6bb`	`#8b9096`	`#676d73`	`#54585e`	`#3f4248`	`#292c30`	`#15171a`	`#070709`
zinc	`#f0f1f2`	`#e7e8ea`	`#d3d4d7`	`#b2b4b9`	`#8b8d93`	`#676a70`	`#54565b`	`#3f4046`	`#292b2e`	`#16161a`	`#070709`
neutral	`#f1f1f1`	`#e9e8e8`	`#d5d4d4`	`#b6b3b4`	`#908c8d`	`#6c6969`	`#575555`	`#433f40`	`#2c2a2b`	`#181616`	`#080707`
stone	`#f9f7f5`	`#f4f0ed`	`#e9e1dd`	`#d4cac4`	`#baada7`	`#a1928b`	`#847670`	`#645953`	`#433a36`	`#251f1c`	`#0e0a08`
taupe	`#f9f7f4`	`#f5f0ec`	`#e8e0da`	`#d2c7be`	`#b7a89d`	`#9c8b81`	`#817267`	`#62564d`	`#433832`	`#241e19`	`#0e0a07`
mauve	`#f2eff3`	`#eae6ec`	`#d9d2db`	`#bbb1bf`	`#968b9b`	`#746779`	`#5f5363`	`#483e4c`	`#302933`	`#1a141c`	`#0a060b`
mist	`#f9fdfc`	`#f2f9f9`	`#e1eceb`	`#c6d7d7`	`#a8bcbc`	`#8ca3a3`	`#718686`	`#546766`	`#384546`	`#1d2727`	`#0b1010`
olive	`#fcfcf6`	`#f9faef`	`#ebeedc`	`#d5d8be`	`#b9bd9d`	`#a0a37f`	`#838665`	`#64674b`	`#454630`	`#272818`	`#101208`