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

✕

CSS Gradienten:
RGB 1 116 1

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 1 Rot, 116 Grün und 1 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.
1 116 1 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 99 Cyan, keine Magenta, 99 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.
99% 0% 99% 55% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #017401 zu HEX #FE8BFE


CSS-Code:

background-image: linear-gradient(135deg, #017401 13%, #FE8BFE 99%);

Radial

HEX #017401 zu HEX #FE8BFE


CSS-Code:

background-image: radial-gradient(circle, #017401 9%, #FE8BFE 95%);

 

HEX #FE8BFE zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #FE8BFE 8%, #017401 100%);

 

HEX #FE8BFE zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #FE8BFE 5%, #017401 97%);

Linear

HEX #017401 zu HEX #1F7401


CSS-Code:

background-image: linear-gradient(135deg, #017401 2%, #1F7401 91%);

Radial

HEX #017401 zu HEX #1F7401


CSS-Code:

background-image: radial-gradient(circle, #017401 3%, #1F7401 86%);

 

HEX #1F7401 zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #1F7401 11%, #017401 100%);

 

HEX #1F7401 zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #1F7401 5%, #017401 89%);

 

HEX #017401 zu HEX #01741F


CSS-Code:

background-image: linear-gradient(135deg, #017401 0%, #01741F 94%);

 

HEX #017401 zu HEX #01741F


CSS-Code:

background-image: radial-gradient(circle, #017401 8%, #01741F 91%);

 

HEX #01741F zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #01741F 5%, #017401 100%);

 

HEX #01741F zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #01741F 4%, #017401 95%);

 

HEX #017401 zu HEX #01743E


CSS-Code:

background-image: linear-gradient(135deg, #017401 13%, #01743E 92%);

 

HEX #017401 zu HEX #01743E


CSS-Code:

background-image: radial-gradient(circle, #017401 10%, #01743E 88%);

 

HEX #01743E zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #01743E 5%, #017401 89%);

 

HEX #01743E zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #01743E 4%, #017401 92%);

Linear

HEX #017401 zu HEX #004B00


CSS-Code:

background-image: linear-gradient(135deg, #017401 13%, #004B00 98%);

Radial

HEX #017401 zu HEX #004B00


CSS-Code:

background-image: radial-gradient(circle, #017401 3%, #004B00 87%);

 

HEX #004B00 zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #004B00 9%, #017401 93%);

 

HEX #004B00 zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #004B00 11%, #017401 87%);

 

HEX #017401 zu HEX #019C01


CSS-Code:

background-image: linear-gradient(135deg, #017401 3%, #019C01 91%);

 

HEX #017401 zu HEX #019C01


CSS-Code:

background-image: radial-gradient(circle, #017401 9%, #019C01 92%);

 

HEX #019C01 zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #019C01 2%, #017401 96%);

 

HEX #019C01 zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #019C01 2%, #017401 100%);

 

HEX #017401 zu HEX #01C501


CSS-Code:

background-image: linear-gradient(135deg, #017401 10%, #01C501 94%);

 

HEX #017401 zu HEX #01C501


CSS-Code:

background-image: radial-gradient(circle, #017401 14%, #01C501 95%);

 

HEX #01C501 zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #01C501 6%, #017401 94%);

 

HEX #01C501 zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #01C501 4%, #017401 97%);

Linear

HEX #017401 zu HEX #1F7401


CSS-Code:

background-image: linear-gradient(135deg, #017401 10%, #1F7401 98%);

Radial

HEX #017401 zu HEX #1F7401


CSS-Code:

background-image: radial-gradient(circle, #017401 4%, #1F7401 95%);

 

HEX #1F7401 zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #1F7401 2%, #017401 97%);

 

HEX #1F7401 zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #1F7401 0%, #017401 98%);

 

HEX #017401 zu HEX #01741F


CSS-Code:

background-image: linear-gradient(135deg, #017401 5%, #01741F 98%);

 

HEX #017401 zu HEX #01741F


CSS-Code:

background-image: radial-gradient(circle, #017401 7%, #01741F 95%);

 

HEX #01741F zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #01741F 14%, #017401 86%);

 

HEX #01741F zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #01741F 13%, #017401 89%);

 

HEX #017401 zu HEX #01743E


CSS-Code:

background-image: linear-gradient(135deg, #017401 7%, #01743E 100%);

 

HEX #017401 zu HEX #01743E


CSS-Code:

background-image: radial-gradient(circle, #017401 8%, #01743E 94%);

 

HEX #01743E zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #01743E 0%, #017401 87%);

 

HEX #01743E zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #01743E 10%, #017401 95%);

Linear

HEX #017401 zu HEX #004B00


CSS-Code:

background-image: linear-gradient(135deg, #017401 1%, #004B00 92%);

Radial

HEX #017401 zu HEX #004B00


CSS-Code:

background-image: radial-gradient(circle, #017401 4%, #004B00 100%);

 

HEX #004B00 zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #004B00 0%, #017401 91%);

 

HEX #004B00 zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #004B00 9%, #017401 91%);

 

HEX #017401 zu HEX #019C01


CSS-Code:

background-image: linear-gradient(135deg, #017401 0%, #019C01 88%);

 

HEX #017401 zu HEX #019C01


CSS-Code:

background-image: radial-gradient(circle, #017401 3%, #019C01 93%);

 

HEX #019C01 zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #019C01 0%, #017401 92%);

 

HEX #019C01 zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #019C01 13%, #017401 88%);

 

HEX #017401 zu HEX #01C501


CSS-Code:

background-image: linear-gradient(135deg, #017401 12%, #01C501 90%);

 

HEX #017401 zu HEX #01C501


CSS-Code:

background-image: radial-gradient(circle, #017401 8%, #01C501 89%);

 

HEX #01C501 zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #01C501 1%, #017401 86%);

 

HEX #01C501 zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #01C501 9%, #017401 96%);

Linear

HEX #017401 zu HEX #015D74


CSS-Code:

background-image: linear-gradient(135deg, #017401 13%, #015D74 92%);

Radial

HEX #017401 zu HEX #015D74


CSS-Code:

background-image: radial-gradient(circle, #017401 6%, #015D74 97%);

 

HEX #015D74 zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #015D74 3%, #017401 88%);

 

HEX #015D74 zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #015D74 3%, #017401 100%);

 

HEX #017401 zu HEX #74012F


CSS-Code:

background-image: linear-gradient(135deg, #017401 6%, #74012F 98%);

 

HEX #017401 zu HEX #74012F


CSS-Code:

background-image: radial-gradient(circle, #017401 10%, #74012F 87%);

 

HEX #74012F zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #74012F 2%, #017401 96%);

 

HEX #74012F zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #74012F 4%, #017401 92%);

Linear

HEX #017401 zu HEX #010174


CSS-Code:

background-image: linear-gradient(135deg, #017401 0%, #010174 98%);

Radial

HEX #017401 zu HEX #010174


CSS-Code:

background-image: radial-gradient(circle, #017401 9%, #010174 93%);

 

HEX #010174 zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #010174 8%, #017401 92%);

 

HEX #010174 zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #010174 10%, #017401 94%);

 

HEX #017401 zu HEX #740101


CSS-Code:

background-image: linear-gradient(135deg, #017401 2%, #740101 90%);

 

HEX #017401 zu HEX #740101


CSS-Code:

background-image: radial-gradient(circle, #017401 3%, #740101 94%);

 

HEX #740101 zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #740101 11%, #017401 98%);

 

HEX #740101 zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #740101 8%, #017401 95%);

Linear

HEX #017401 zu HEX #015D74


CSS-Code:

background-image: linear-gradient(135deg, #017401 8%, #015D74 100%);

Radial

HEX #017401 zu HEX #015D74


CSS-Code:

background-image: radial-gradient(circle, #017401 0%, #015D74 90%);

 

HEX #015D74 zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #015D74 3%, #017401 100%);

 

HEX #015D74 zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #015D74 4%, #017401 100%);

 

HEX #017401 zu HEX #740174


CSS-Code:

background-image: linear-gradient(135deg, #017401 9%, #740174 88%);

 

HEX #017401 zu HEX #740174


CSS-Code:

background-image: radial-gradient(circle, #017401 8%, #740174 89%);

 

HEX #740174 zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #740174 0%, #017401 93%);

 

HEX #740174 zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #740174 1%, #017401 92%);

 

HEX #017401 zu HEX #741801


CSS-Code:

background-image: linear-gradient(135deg, #017401 5%, #741801 98%);

 

HEX #017401 zu HEX #741801


CSS-Code:

background-image: radial-gradient(circle, #017401 2%, #741801 94%);

 

HEX #741801 zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #741801 12%, #017401 94%);

 

HEX #741801 zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #741801 4%, #017401 88%);

Linear

HEX #017401 zu HEX #013A74


CSS-Code:

background-image: linear-gradient(135deg, #017401 4%, #013A74 88%);

Radial

HEX #017401 zu HEX #013A74


CSS-Code:

background-image: radial-gradient(circle, #017401 7%, #013A74 88%);

 

HEX #013A74 zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #013A74 1%, #017401 92%);

 

HEX #013A74 zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #013A74 5%, #017401 96%);

 

HEX #017401 zu HEX #740174


CSS-Code:

background-image: linear-gradient(135deg, #017401 12%, #740174 98%);

 

HEX #017401 zu HEX #740174


CSS-Code:

background-image: radial-gradient(circle, #017401 12%, #740174 93%);

 

HEX #740174 zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #740174 5%, #017401 95%);

 

HEX #740174 zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #740174 9%, #017401 96%);

 

HEX #017401 zu HEX #743A01


CSS-Code:

background-image: linear-gradient(135deg, #017401 8%, #743A01 94%);

 

HEX #017401 zu HEX #743A01


CSS-Code:

background-image: radial-gradient(circle, #017401 13%, #743A01 99%);

 

HEX #743A01 zu HEX #017401


CSS-Code:

background-image: linear-gradient(135deg, #743A01 9%, #017401 95%);

 

HEX #743A01 zu HEX #017401


CSS-Code:

background-image: radial-gradient(circle, #743A01 0%, #017401 99%);

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