Dear color lovers – together, we’ll have a more colorful future. Support us on

✕

CSS Gradienten:
RGB 116 1 103

Information

schließe alle

Lass Dir CSS Farbverläufe aus zwei Farbtönen wie dem Grundfarbton und der Komplementärfarbe vorschlagen.

Finde Beispiele für Lineare und Radiale Farbübergänge.

Einfach für Webdesign: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir CSS Farbverläufe aus zwei Farbtönen wie dem Grundfarbton und einem helleren Farbton vorschlagen.

Finde Beispiele für Lineare und Radiale Farbübergänge von Hellere Farbtöne.

Einfach für Webdesign: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir CSS Farbverläufe aus zwei Farbtönen wie dem Grundfarbton und einem dunkleren Farbton vorschlagen.

Finde Beispiele für Lineare und Radiale Farbübergänge von Dunklere Farbtöne.

Einfach für Webdesign: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Anzeigeoptionen

Beschreibung

Da die Farbwerte im Vergleich zu anderen relativ gering sind, erscheint uns dieser Farbton dunkler.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 116 Rot, 1 Grün und 103 Blau.

Aus dem Mischverhältnis dieser Farben ergibt sich der angezeigte Farbton in der Mitte der Überschneidungen.

In der Darstellung siehst du, wie die Farbe aus den drei Bestandteilen Rot (oben), Grün (rechts unten) und Blau (links unten) zusammengestellt wird. Mittig ist die Ergebnissfarbe zu sehen.
116 1 103 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 99 Magenta, 11 Gelb und 55 Schwarz.

Aus dem Mischverhältnis dieser Farben ergibt sich der angezeigte Farbton in der Mitte der Überschneidungen.

In der Darstellung siehst du, wie die Farbe aus den vier Bestandteilen Cyan (links oben), Magenta (rechts oben), Gelb oder Yellow (rechts unten) und Schwarz oder Key (links unten) zusammengestellt wird. Mittig ist die Ergebnissfarbe zu sehen.
0% 99% 11% 55% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #740167 zu HEX #8BFE98


CSS-Code:

background-image: linear-gradient(135deg, #740167 13%, #8BFE98 93%);

Radial

HEX #740167 zu HEX #8BFE98


CSS-Code:

background-image: radial-gradient(circle, #740167 8%, #8BFE98 97%);

 

HEX #8BFE98 zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #8BFE98 6%, #740167 90%);

 

HEX #8BFE98 zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #8BFE98 8%, #740167 94%);

Linear

HEX #740167 zu HEX #600174


CSS-Code:

background-image: linear-gradient(135deg, #740167 13%, #600174 86%);

Radial

HEX #740167 zu HEX #600174


CSS-Code:

background-image: radial-gradient(circle, #740167 12%, #600174 94%);

 

HEX #600174 zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #600174 6%, #740167 97%);

 

HEX #600174 zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #600174 4%, #740167 96%);

 

HEX #740167 zu HEX #740168


CSS-Code:

background-image: linear-gradient(135deg, #740167 4%, #740168 89%);

 

HEX #740167 zu HEX #740168


CSS-Code:

background-image: radial-gradient(circle, #740167 8%, #740168 86%);

 

HEX #740168 zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #740168 11%, #740167 88%);

 

HEX #740168 zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #740168 12%, #740167 88%);

 

HEX #740167 zu HEX #740149


CSS-Code:

background-image: linear-gradient(135deg, #740167 13%, #740149 89%);

 

HEX #740167 zu HEX #740149


CSS-Code:

background-image: radial-gradient(circle, #740167 1%, #740149 93%);

 

HEX #740149 zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #740149 14%, #740167 98%);

 

HEX #740149 zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #740149 14%, #740167 90%);

 

HEX #740167 zu HEX #74012B


CSS-Code:

background-image: linear-gradient(135deg, #740167 9%, #74012B 92%);

 

HEX #740167 zu HEX #74012B


CSS-Code:

background-image: radial-gradient(circle, #740167 14%, #74012B 88%);

 

HEX #74012B zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #74012B 13%, #740167 91%);

 

HEX #74012B zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #74012B 1%, #740167 99%);

Linear

HEX #740167 zu HEX #4B0042


CSS-Code:

background-image: linear-gradient(135deg, #740167 6%, #4B0042 98%);

Radial

HEX #740167 zu HEX #4B0042


CSS-Code:

background-image: radial-gradient(circle, #740167 14%, #4B0042 98%);

 

HEX #4B0042 zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #4B0042 12%, #740167 88%);

 

HEX #4B0042 zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #4B0042 4%, #740167 96%);

 

HEX #740167 zu HEX #9C018B


CSS-Code:

background-image: linear-gradient(135deg, #740167 2%, #9C018B 95%);

 

HEX #740167 zu HEX #9C018B


CSS-Code:

background-image: radial-gradient(circle, #740167 12%, #9C018B 98%);

 

HEX #9C018B zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #9C018B 8%, #740167 86%);

 

HEX #9C018B zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #9C018B 10%, #740167 94%);

 

HEX #740167 zu HEX #C501AF


CSS-Code:

background-image: linear-gradient(135deg, #740167 1%, #C501AF 89%);

 

HEX #740167 zu HEX #C501AF


CSS-Code:

background-image: radial-gradient(circle, #740167 9%, #C501AF 86%);

 

HEX #C501AF zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #C501AF 12%, #740167 96%);

 

HEX #C501AF zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #C501AF 10%, #740167 99%);

Linear

HEX #740167 zu HEX #600174


CSS-Code:

background-image: linear-gradient(135deg, #740167 13%, #600174 98%);

Radial

HEX #740167 zu HEX #600174


CSS-Code:

background-image: radial-gradient(circle, #740167 13%, #600174 100%);

 

HEX #600174 zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #600174 7%, #740167 95%);

 

HEX #600174 zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #600174 13%, #740167 94%);

 

HEX #740167 zu HEX #740168


CSS-Code:

background-image: linear-gradient(135deg, #740167 7%, #740168 86%);

 

HEX #740167 zu HEX #740168


CSS-Code:

background-image: radial-gradient(circle, #740167 11%, #740168 89%);

 

HEX #740168 zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #740168 2%, #740167 88%);

 

HEX #740168 zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #740168 4%, #740167 87%);

 

HEX #740167 zu HEX #740149


CSS-Code:

background-image: linear-gradient(135deg, #740167 1%, #740149 91%);

 

HEX #740167 zu HEX #740149


CSS-Code:

background-image: radial-gradient(circle, #740167 1%, #740149 95%);

 

HEX #740149 zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #740149 10%, #740167 91%);

 

HEX #740149 zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #740149 11%, #740167 90%);

 

HEX #740167 zu HEX #74012B


CSS-Code:

background-image: linear-gradient(135deg, #740167 8%, #74012B 99%);

 

HEX #740167 zu HEX #74012B


CSS-Code:

background-image: radial-gradient(circle, #740167 7%, #74012B 100%);

 

HEX #74012B zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #74012B 10%, #740167 90%);

 

HEX #74012B zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #74012B 1%, #740167 100%);

Linear

HEX #740167 zu HEX #4B0042


CSS-Code:

background-image: linear-gradient(135deg, #740167 3%, #4B0042 97%);

Radial

HEX #740167 zu HEX #4B0042


CSS-Code:

background-image: radial-gradient(circle, #740167 2%, #4B0042 97%);

 

HEX #4B0042 zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #4B0042 3%, #740167 97%);

 

HEX #4B0042 zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #4B0042 4%, #740167 91%);

 

HEX #740167 zu HEX #9C018B


CSS-Code:

background-image: linear-gradient(135deg, #740167 7%, #9C018B 90%);

 

HEX #740167 zu HEX #9C018B


CSS-Code:

background-image: radial-gradient(circle, #740167 9%, #9C018B 100%);

 

HEX #9C018B zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #9C018B 1%, #740167 90%);

 

HEX #9C018B zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #9C018B 3%, #740167 96%);

 

HEX #740167 zu HEX #C501AF


CSS-Code:

background-image: linear-gradient(135deg, #740167 1%, #C501AF 94%);

 

HEX #740167 zu HEX #C501AF


CSS-Code:

background-image: radial-gradient(circle, #740167 6%, #C501AF 93%);

 

HEX #C501AF zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #C501AF 10%, #740167 87%);

 

HEX #C501AF zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #C501AF 4%, #740167 100%);

Linear

HEX #740167 zu HEX #742301


CSS-Code:

background-image: linear-gradient(135deg, #740167 11%, #742301 86%);

Radial

HEX #740167 zu HEX #742301


CSS-Code:

background-image: radial-gradient(circle, #740167 10%, #742301 86%);

 

HEX #742301 zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #742301 14%, #740167 90%);

 

HEX #742301 zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #742301 12%, #740167 90%);

 

HEX #740167 zu HEX #017451


CSS-Code:

background-image: linear-gradient(135deg, #740167 5%, #017451 97%);

 

HEX #740167 zu HEX #017451


CSS-Code:

background-image: radial-gradient(circle, #740167 7%, #017451 98%);

 

HEX #017451 zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #017451 7%, #740167 95%);

 

HEX #017451 zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #017451 0%, #740167 100%);

Linear

HEX #740167 zu HEX #687401


CSS-Code:

background-image: linear-gradient(135deg, #740167 6%, #687401 88%);

Radial

HEX #740167 zu HEX #687401


CSS-Code:

background-image: radial-gradient(circle, #740167 6%, #687401 89%);

 

HEX #687401 zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #687401 11%, #740167 100%);

 

HEX #687401 zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #687401 13%, #740167 91%);

 

HEX #740167 zu HEX #016874


CSS-Code:

background-image: linear-gradient(135deg, #740167 9%, #016874 92%);

 

HEX #740167 zu HEX #016874


CSS-Code:

background-image: radial-gradient(circle, #740167 4%, #016874 87%);

 

HEX #016874 zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #016874 7%, #740167 95%);

 

HEX #016874 zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #016874 9%, #740167 91%);

Linear

HEX #740167 zu HEX #742301


CSS-Code:

background-image: linear-gradient(135deg, #740167 3%, #742301 86%);

Radial

HEX #740167 zu HEX #742301


CSS-Code:

background-image: radial-gradient(circle, #740167 10%, #742301 97%);

 

HEX #742301 zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #742301 11%, #740167 89%);

 

HEX #742301 zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #742301 14%, #740167 91%);

 

HEX #740167 zu HEX #01740C


CSS-Code:

background-image: linear-gradient(135deg, #740167 10%, #01740C 98%);

 

HEX #740167 zu HEX #01740C


CSS-Code:

background-image: radial-gradient(circle, #740167 1%, #01740C 90%);

 

HEX #01740C zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #01740C 12%, #740167 92%);

 

HEX #01740C zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #01740C 5%, #740167 93%);

 

HEX #740167 zu HEX #015174


CSS-Code:

background-image: linear-gradient(135deg, #740167 4%, #015174 87%);

 

HEX #740167 zu HEX #015174


CSS-Code:

background-image: radial-gradient(circle, #740167 1%, #015174 88%);

 

HEX #015174 zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #015174 8%, #740167 96%);

 

HEX #015174 zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #015174 11%, #740167 99%);

Linear

HEX #740167 zu HEX #744601


CSS-Code:

background-image: linear-gradient(135deg, #740167 2%, #744601 100%);

Radial

HEX #740167 zu HEX #744601


CSS-Code:

background-image: radial-gradient(circle, #740167 6%, #744601 88%);

 

HEX #744601 zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #744601 11%, #740167 86%);

 

HEX #744601 zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #744601 3%, #740167 94%);

 

HEX #740167 zu HEX #01740C


CSS-Code:

background-image: linear-gradient(135deg, #740167 10%, #01740C 92%);

 

HEX #740167 zu HEX #01740C


CSS-Code:

background-image: radial-gradient(circle, #740167 11%, #01740C 86%);

 

HEX #01740C zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #01740C 8%, #740167 93%);

 

HEX #01740C zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #01740C 10%, #740167 97%);

 

HEX #740167 zu HEX #012F74


CSS-Code:

background-image: linear-gradient(135deg, #740167 8%, #012F74 99%);

 

HEX #740167 zu HEX #012F74


CSS-Code:

background-image: radial-gradient(circle, #740167 9%, #012F74 96%);

 

HEX #012F74 zu HEX #740167


CSS-Code:

background-image: linear-gradient(135deg, #012F74 10%, #740167 87%);

 

HEX #012F74 zu HEX #740167


CSS-Code:

background-image: radial-gradient(circle, #012F74 3%, #740167 93%);

Zeige mehr Farbpaletten

Services

Farben

RGB in HEX

umrechnen von RGB rot grün blau zu #RRGGBB

RGB in CMYK

umrechnen von RGB rot grün blau zu CMYK cyan / magenta / gelb / key

Icons

RGB in RAL®

umrechnen von RGB rot grün blau zu RAL®-Nummer (RAL 0000)

RGB in HKS®

umrechnen von RGB rot grün blau zu HKS®-Nummer (HKS 00)

RGB in PANTONE®

umrechnen von RGB rot grün blau zu Pantone®-Nummer (Pantone 0000)

RGB in Sherwin Williams®

umrechnen von RGB rot grün blau zu Sherwin Williams®-Nummer (SW 0000)

RGB in NCS®

umrechnen von RGB rot grün blau zu NCS-Nummer (S0000-X00X)

nsc-logo
Icons

CMYK in HEX

umrechnen von CMYK cyan / magenta / gelb / key zu #RRGGBB
Icons

CMYK in RGB

umrechnen von CMYK cyan / magenta / gelb / key zu RGB rot grün blau
Icons

CMYK in RAL®

umrechnen von CMYK cyan / magenta / gelb / key zu RAL®-Nummer (RAL 0000)
Icons

CMYK in HKS®

umrechnen von CMYK cyan / magenta / gelb / key zu HKS®-Nummer (HKS 00)
Icons

CMYK in PANTONE®

umrechnen von CMYK cyan / magenta / gelb / key zu Pantone®-Nummer (Pantone 0000)
Icons

CMYK in Sherwin Williams®

umrechnen von CMYK cyan / magenta / gelb / key zu Sherwin Williams®-Nummer (SW 0000)
Icons

CMYK in NCS®

umrechnen von CMYK cyan / magenta / gelb / key zu NCS-Nummer (S0000-X00X)

nsc-logo

HEX in RGB

umrechnen von #RRGGBB zu RGB rot grün blau

HEX in CMYK

umrechnen von #RRGGBB zu CMYK cyan / magenta / gelb / key

Icons

HEX in RAL®

umrechnen von #RRGGBB zu RAL®-Nummer (RAL 0000)

HEX in HKS®

umrechnen von #RRGGBB zu HKS®-Nummer (HKS 00)

HEX in PANTONE®

umrechnen von #RRGGBB zu Pantone®-Nummer (Pantone 0000)

HEX in Sherwin Williams®

umrechnen von #RRGGBB zu Sherwin Williams®-Nummer (SW 0000)

HEX in NCS®

umrechnen von #RRGGBB zu NCS-Nummer (S0000-X00X)

nsc-logo

RAL® in RGB

umrechnen von RAL®-Nummer (RAL 0000) zu RGB rot grün blau

RAL® in CMYK

umrechnen von RAL®-Nummer (RAL 0000) zu CMYK cyan / magenta / gelb / key

Icons

RAL® in HEX

umrechnen von RAL®-Nummer (RAL 0000) zu #RRGGBB

RAL® in HKS®

umrechnen von RAL®-Nummer (RAL 0000) zu HKS®-Nummer (HKS 00)

RAL® in PANTONE®

umrechnen von RAL®-Nummer (RAL 0000) zu Pantone®-Nummer (Pantone 0000)

RAL® in Sherwin Williams®

umrechnen von RAL®-Nummer (RAL 0000) zu Sherwin Williams®-Nummer (SW 0000)

RAL® in NCS®

umrechnen von RAL®-Nummer (RAL 0000) zu NCS-Nummer (S0000-X00X)

nsc-logo

HKS® in RGB

umrechnen von HKS®-Nummer (HKS 00) zu RGB rot grün blau

HKS® in CMYK

umrechnen von HKS®-Nummer (HKS 00) zu CMYK cyan / magenta / gelb / key

Icons

HKS® in HEX

umrechnen von HKS®-Nummer (HKS 00) zu #RRGGBB

HKS® in RAL®

umrechnen von HKS®-Nummer (HKS 00) zu RAL®-Nummer (RAL 0000)

HKS® in PANTONE®

umrechnen von HKS®-Nummer (HKS 00) zu Pantone®-Nummer (Pantone 0000)

HKS® in Sherwin Williams®

umrechnen von HKS®-Nummer (HKS 00) zu Sherwin Williams®-Nummer (SW 0000)

HKS® in NCS®

umrechnen von HKS®-Nummer (HKS 00) zu NCS-Nummer (S0000-X00X)

nsc-logo

PANTONE® in RGB

umrechnen von Pantone®-Nummer (Pantone 0000) zu RGB rot grün blau

PANTONE® in CMYK

umrechnen von Pantone®-Nummer (Pantone 0000) zu CMYK cyan / magenta / gelb / key

Icons

PANTONE® in HEX

umrechnen von Pantone®-Nummer (Pantone 0000) zu #RRGGBB

PANTONE® in RAL®

umrechnen von Pantone®-Nummer (Pantone 0000) zu RAL®-Nummer (RAL 0000)

PANTONE® in HKS®

umrechnen von Pantone®-Nummer (Pantone 0000) zu HKS®-Nummer (HKS 00)

PANTONE® in Sherwin Williams®

umrechnen von Pantone®-Nummer (Pantone 0000) zu Sherwin Williams®-Nummer (SW 0000)

PANTONE® in NCS®

umrechnen von Pantone®-Nummer (Pantone 0000) zu NCS-Nummer (S0000-X00X)

nsc-logo

Sherwin Williams® in RGB

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu RGB rot grün blau

Sherwin Williams® in CMYK

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu CMYK cyan / magenta / gelb / key

Icons

Sherwin Williams® in HEX

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu #RRGGBB

Sherwin Williams® in RAL®

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu RAL®-Nummer (RAL 0000)

Sherwin Williams® in HKS®

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu HKS®-Nummer (HKS 00)

Sherwin Williams® in PANTONE®

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu Pantone®-Nummer (Pantone 0000)

Sherwin Williams® in NCS®

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu NCS-Nummer (S0000-X00X)

nsc-logo
nsc-logo

NCS® in RGB

umrechnen von NCS-Nummer (S0000-X00X) zu RGB rot grün blau
nsc-logo

NCS® in CMYK

umrechnen von NCS-Nummer (S0000-X00X) zu CMYK cyan / magenta / gelb / key

Icons
nsc-logo

NCS® in HEX

umrechnen von NCS-Nummer (S0000-X00X) zu #RRGGBB
nsc-logo

NCS® in RAL®

umrechnen von NCS-Nummer (S0000-X00X) zu RAL®-Nummer (RAL 0000)
nsc-logo

NCS® in HKS®

umrechnen von NCS-Nummer (S0000-X00X) zu HKS®-Nummer (HKS 00)
nsc-logo

NCS® in PANTONE®

umrechnen von NCS-Nummer (S0000-X00X) zu Pantone®-Nummer (Pantone 0000)
nsc-logo

NCS® in Sherwin Williams®

umrechnen von NCS-Nummer (S0000-X00X) zu Sherwin Williams®-Nummer (SW 0000)

Codes

Um Farbpaletten speichern zu können, musst Du angemeldet sein.

Bei deinem Konto anmelden

oder

Erstelle ein Konto

Aktuelle Farbpalette teilen
Soll sie öffentlich oder privat sein?
Link(s) folgen nach dem Teilen.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopiere und speichere dir den gewünschten Link.

Teilen

OK, ich habe die Links kopiert

Deine Farben werden in einer neuen Farbpalette gespeichert.
Sehe sie dir unter deinem Profil an.
Du kannst sie weiter anpassen, und teilen.

Farbpalette anzeigen
Schließen

Erstelle eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf kannst du Paletten erstellen und die Farbfelder herunterladen.

© 2019-2025 - Designed by frag-bobby.de