Download-Bereich
PNG
(Geringe Auflösung)
- 72 dpi Auflösung
- Farbmodus RGB
- Transparenter Hintergrund
- Nicht ohne Qualitätsverlust größer skalierbar – kleiner geht
- Geeignet für Darstellung auf Bildschirmen/Monitoren
JPEG
(Hohe Auflösung)
- 300 dpi Auflösung
- Farbmodus CMYK
- Weißer Hintergrund
- Nicht ohne Qualitätsverlust größer skalierbar – kleiner geht
- Geeignet für Drucksachen
(Vektor-Datei als PDF)
- 300 dpi Auflösung
- Farbmodus CMYK
- Transparenter Hintergrund
- Ohne Qualitätsverlust beliebig groß und klein skalierbar
- Geeignet für alle Anwendungen
AI
(Adobe Illustrator Datei)
- Offene, bearbeitbare Vektordatei
- beliebig skalierbar
- Geeignet z.B. für Webtechnik
Logo
Wort-Bild-Claim
schwarz
Wort-Bild-Claim
farbig
Wort-Bild-Claim
weiß
Wort-Bild
schwarz
Wort-Bild
farbig
Wort-Bild
weiß
Wort-Bild-Claim
linksb. • schwarz
Wort-Bild-Claim
linksb. • farbig
Wort-Bild-Claim
linksb. • weiß
Wort-Bild
linksb. • schwarz
Wort-Bild
linksb. • farbig
Wort-Bild
linksb. • weiß
Wort-Bild-Claim
quer • schwarz
Wort-Bild-Claim
quer • farbig
Wort-Bild-Claim
quer • weiß
Wort
schwarz
Wort
farbig
Wort
weiß
Die Farben
Pink
#d83d96
CMYK 10 | 90 | 0 | 0
PANTONE PINK C
Petrol
#377784
CMYK 80 | 40 | 40 | 10
PANTONE 7475 C
Blau
#00527d
CMYK 100 | 70 | 30 | 10
PANTONE 654 C
CSS
/* Color Theme Swatches in Hex */
.riedl-Pink-hex { color: #D83D96; }
.riedl-Petrol-hex { color: #377784; }
.riedl-Blau-hex { color: #00527D; }
/* Color Theme Swatches in RGBA */
.riedl-Pink-rgba { color: rgba(216, 61, 150, 1); }
.riedl-Petrol-rgba { color: rgba(55, 119, 132, 1); }
.riedl-Blau-rgba { color: rgba(0, 82, 125, 1); }
/* Color Theme Swatches in HSLA */
.riedl-Pink-hsla { color: hsla(325, 66, 54, 1); }
.riedl-Petrol-hsla { color: hsla(190, 41, 36, 1); }
.riedl-Blau-hsla { color: hsla(200, 100, 24, 1); }
LESS
/* Color Theme Swatches in Hex */
@riedl-Pink-hex: #D83D96;
@riedl-Petrol-hex: #377784;
@riedl-Blau-hex: #00527D;
/* Color Theme Swatches in RGBA */
@riedl-Pink-rgba: rgba(216, 61, 150, 1);
@riedl-Petrol-rgba: rgba(55, 119, 132, 1);
@riedl-Blau-rgba: rgba(0, 82, 125, 1);
/* Color Theme Swatches in HSLA */
@riedl-Pink-hsla: hsla(325, 66, 54, 1);
@riedl-Petrol-hsla: hsla(190, 41, 36, 1);
@riedl-Blau-hsla: hsla(200, 100, 24, 1);
SASS
/* Color Theme Swatches in Hex */
$riedl-Pink-hex: #D83D96;
$riedl-Petrol-hex: #377784;
$riedl-Blau-hex: #00527D;
/* Color Theme Swatches in RGBA */
$riedl-Pink-rgba: rgba(216,61,150, 1);
$riedl-Petrol-rgba: rgba(55,119,132, 1);
$riedl-Blau-rgba: rgba(0,82,125, 1);
/* Color Theme Swatches in HSLA */
$riedl-Pink-hsla: hsla(325, 66, 54, 1);
$riedl-Petrol-hsla: hsla(190, 41, 36, 1);
$riedl-Blau-hsla: hsla(200, 100, 24, 1);
Grafisches Element
Höhenlinien
schwarz
Höhenlinien
farbig
Höhenlinien
weiß