Farbpalette - Vielfalt
Übersicht
schließen
Vielfalt
Anwendungsmöglichkeiten
Diese Farbpaletten kannst du weiterverwenden. Mache sie zu Deiner Eigenen und tausche einzelne Farben nach belieben aus. Bewerte diese Farbpaletten und teile sie.
2-Farben Gradienten
Finde Beispiele für Lineare und Radiale Farbübergänge mit zwei Farben aus dieser Farbpalette.
Es sind die ersten drei Farben vorausgewählt - falls vorhanden. Sie lassen sich mit dem Farb-Symbol rechts unten an jeder Farbe hinzufügen oder abwählen.
Einfach für Webdesign: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.
3-Farben Gradienten
Finde Beispiele für Lineare und Radiale Farbübergänge mit drei Farben aus dieser Farbpalette.
Es sind die ersten drei Farben vorausgewählt - falls vorhanden. Sie lassen sich mit dem Farb-Symbol rechts unten an jeder Farbe hinzufügen oder abwählen.
Einfach für Webdesign: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.
Vielfalt
Link:
Share-Link:
2-Farben Gradienten von Vielfalt
Linear
CSS-Code:
background-image: linear-gradient(135deg, #C8EE84 -4%, #B5DCF0 107%);
Radial
CSS-Code:
background-image: radial-gradient(circle, #C8EE84 -6%, #B5DCF0 190%);
CSS-Code:
background-image: linear-gradient(135deg, #C8EE84 -6%, #C9B4D8 86%);
CSS-Code:
background-image: radial-gradient(circle, #C8EE84 2%, #C9B4D8 194%);
CSS-Code:
background-image: linear-gradient(135deg, #B5DCF0 -3%, #C8EE84 96%);
CSS-Code:
background-image: radial-gradient(circle, #B5DCF0 7%, #C8EE84 202%);
CSS-Code:
background-image: linear-gradient(135deg, #B5DCF0 -2%, #C9B4D8 90%);
CSS-Code:
background-image: radial-gradient(circle, #B5DCF0 -3%, #C9B4D8 206%);
CSS-Code:
background-image: linear-gradient(135deg, #C9B4D8 11%, #C8EE84 106%);
CSS-Code:
background-image: radial-gradient(circle, #C9B4D8 -4%, #C8EE84 187%);
CSS-Code:
background-image: linear-gradient(135deg, #C9B4D8 10%, #B5DCF0 98%);
CSS-Code:
background-image: radial-gradient(circle, #C9B4D8 0%, #B5DCF0 194%);
3-Farben Gradienten von Vielfalt
Linear
HEX #C8EE84 über HEX #B5DCF0 zu HEX #C9B4D8
CSS-Code:
background-image: linear-gradient(135deg, #C8EE84 -5%, #B5DCF0 54%, #C9B4D8 99%);
Radial
HEX #C8EE84 über HEX #B5DCF0 zu HEX #C9B4D8
CSS-Code:
background-image: radial-gradient(circle, #C8EE84 0%, #B5DCF0 54%, #C9B4D8 99%);
HEX #C8EE84 über HEX #C9B4D8 zu HEX #B5DCF0
CSS-Code:
background-image: linear-gradient(135deg, #C8EE84 -6%, #C9B4D8 50%, #B5DCF0 96%);
HEX #C8EE84 über HEX #C9B4D8 zu HEX #B5DCF0
CSS-Code:
background-image: radial-gradient(circle, #C8EE84 12%, #C9B4D8 51%, #B5DCF0 92%);
HEX #B5DCF0 über HEX #C8EE84 zu HEX #C9B4D8
CSS-Code:
background-image: linear-gradient(135deg, #B5DCF0 4%, #C8EE84 45%, #C9B4D8 100%);
HEX #B5DCF0 über HEX #C8EE84 zu HEX #C9B4D8
CSS-Code:
background-image: radial-gradient(circle, #B5DCF0 -6%, #C8EE84 44%, #C9B4D8 106%);
HEX #B5DCF0 über HEX #C9B4D8 zu HEX #C8EE84
CSS-Code:
background-image: linear-gradient(135deg, #B5DCF0 13%, #C9B4D8 44%, #C8EE84 88%);
HEX #B5DCF0 über HEX #C9B4D8 zu HEX #C8EE84
CSS-Code:
background-image: radial-gradient(circle, #B5DCF0 -9%, #C9B4D8 43%, #C8EE84 88%);
HEX #C9B4D8 über HEX #C8EE84 zu HEX #B5DCF0
CSS-Code:
background-image: linear-gradient(135deg, #C9B4D8 10%, #C8EE84 48%, #B5DCF0 88%);
HEX #C9B4D8 über HEX #C8EE84 zu HEX #B5DCF0
CSS-Code:
background-image: radial-gradient(circle, #C9B4D8 -3%, #C8EE84 42%, #B5DCF0 92%);
HEX #C9B4D8 über HEX #B5DCF0 zu HEX #C8EE84
CSS-Code:
background-image: linear-gradient(135deg, #C9B4D8 -7%, #B5DCF0 50%, #C8EE84 109%);
HEX #C9B4D8 über HEX #B5DCF0 zu HEX #C8EE84
CSS-Code:
background-image: radial-gradient(circle, #C9B4D8 12%, #B5DCF0 43%, #C8EE84 89%);
Anzeige
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
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)
RGBA in HEX
umrechnen von RGBA rot grün blau transparenz zu #RRGGBB
RGBA in CMYK
umrechnen von RGBA rot grün blau transparenz zu CMYK cyan / magenta / gelb / key
RGBA in RAL®
umrechnen von RGBA rot grün blau transparenz zu RAL®-Nummer (RAL 0000)
RGBA in HKS®
umrechnen von RGBA rot grün blau transparenz zu HKS®-Nummer (HKS 00)
RGBA in PANTONE®
umrechnen von RGBA rot grün blau transparenz zu Pantone®-Nummer (Pantone 0000)
RGBA in Sherwin Williams®
umrechnen von RGBA rot grün blau transparenz zu Sherwin Williams®-Nummer (SW 0000)
RGBA in NCS®
umrechnen von RGBA rot grün blau transparenz zu NCS-Nummer (S0000-X00X)
CMYK in HEX
umrechnen von CMYK cyan / magenta / gelb / key zu #RRGGBB
CMYK in RGB
umrechnen von CMYK cyan / magenta / gelb / key zu RGB rot grün blau
CMYK in RGBA
umrechnen von CMYK cyan / magenta / gelb / key zu RGBA rot grün blau transparenz
CMYK in RAL®
umrechnen von CMYK cyan / magenta / gelb / key zu RAL®-Nummer (RAL 0000)
CMYK in HKS®
umrechnen von CMYK cyan / magenta / gelb / key zu HKS®-Nummer (HKS 00)
CMYK in PANTONE®
umrechnen von CMYK cyan / magenta / gelb / key zu Pantone®-Nummer (Pantone 0000)
CMYK in Sherwin Williams®
umrechnen von CMYK cyan / magenta / gelb / key zu Sherwin Williams®-Nummer (SW 0000)
CMYK in NCS®
umrechnen von CMYK cyan / magenta / gelb / key zu NCS-Nummer (S0000-X00X)
HEX in RGB
umrechnen von #RRGGBB zu RGB rot grün blau
HEX in RGBA
umrechnen von #RRGGBB zu RGBA rot grün blau transparenz
HEX in CMYK
umrechnen von #RRGGBB zu CMYK cyan / magenta / gelb / key
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)
RAL® in RGB
umrechnen von RAL®-Nummer (RAL 0000) zu RGB rot grün blau
RAL® in RGBA
umrechnen von RAL®-Nummer (RAL 0000) zu RGBA rot grün blau transparenz
RAL® in CMYK
umrechnen von RAL®-Nummer (RAL 0000) zu CMYK cyan / magenta / gelb / key
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)
HKS® in RGB
umrechnen von HKS®-Nummer (HKS 00) zu RGB rot grün blau
HKS® in RGBA
umrechnen von HKS®-Nummer (HKS 00) zu RGBA rot grün blau transparenz
HKS® in CMYK
umrechnen von HKS®-Nummer (HKS 00) zu CMYK cyan / magenta / gelb / key
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)
PANTONE® in RGB
umrechnen von Pantone®-Nummer (Pantone 0000) zu RGB rot grün blau
PANTONE® in RGBA
umrechnen von Pantone®-Nummer (Pantone 0000) zu RGBA rot grün blau transparenz
PANTONE® in CMYK
umrechnen von Pantone®-Nummer (Pantone 0000) zu CMYK cyan / magenta / gelb / key
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)
Sherwin Williams® in RGB
umrechnen von Sherwin Williams®-Nummer (SW 0000) zu RGB rot grün blau
Sherwin Williams® in RGBA
umrechnen von Sherwin Williams®-Nummer (SW 0000) zu RGBA rot grün blau transparenz
Sherwin Williams® in CMYK
umrechnen von Sherwin Williams®-Nummer (SW 0000) zu CMYK cyan / magenta / gelb / key
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)
NCS® in RGB
umrechnen von NCS-Nummer (S0000-X00X) zu RGB rot grün blau
NCS® in RGBA
umrechnen von NCS-Nummer (S0000-X00X) zu RGBA rot grün blau transparenz
NCS® in CMYK
umrechnen von NCS-Nummer (S0000-X00X) zu CMYK cyan / magenta / gelb / key
NCS® in HEX
umrechnen von NCS-Nummer (S0000-X00X) zu #RRGGBB
NCS® in RAL®
umrechnen von NCS-Nummer (S0000-X00X) zu RAL®-Nummer (RAL 0000)
NCS® in HKS®
umrechnen von NCS-Nummer (S0000-X00X) zu HKS®-Nummer (HKS 00)
NCS® in PANTONE®
umrechnen von NCS-Nummer (S0000-X00X) zu Pantone®-Nummer (Pantone 0000)
NCS® in Sherwin Williams®
umrechnen von NCS-Nummer (S0000-X00X) zu Sherwin Williams®-Nummer (SW 0000)
