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

CSS Gradienten:
CMYK 100 / 25 / 0 / 20

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

Bei dieser Farbe hebt sich Cyan von den anderen Farben ab. Die Werte die für den blauen und grünen Farbton stehen, sind größer als der dritte Wert. Sie liegen nahe beieinander und übertreffen den Wert des roten Farbtons. Da die Farbwerte im Vergleich zu anderen relativ hoch sind, erscheint uns dieser Farbton heller.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils keine Rot, 153 Grün und 204 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.
0 153 204 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 100 Cyan, 25 Magenta, keine Gelb und 20 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.
100% 25% 0% 20% C M Y K



Marken

Diese Farbe wird von mindestens einer Firma verwendet. Hier siehst du welche:

70% - Bach
Link: http://bach.wu.ac.at/d/

83% - Home: LShift Ltd.
Link: http://www.lshift.net

80% - The Asia Group – Hel...
Link: http://www.helloplanet.asia

81% - Bee Brain Design
Link: https://www.beebraindesign.com

47% - Thomas Guillot - Web...
Link: http://www.thomasguillot.fr

78% - Communication Tools ...
Link: http://lifesharetech.com

53% - Schießkino-Verzeichn...
Link: http://www.schiesskinos.de

32% - 福岡のマンション管理会社|株式会社ジェン...
Link: http://jent.co.jp

43% - Sliver of Ice
Link: http://www.sliverofice.com

31% - torrent luv 2nd
Link: http://torrentluv2.blog.fc2.com

99% - Löwenstadt Braunschw...
Link: http://www.loewenstadt.de

57% - ITSquare | Driving I...
Link: http://itsquare.me

30% - Home | UTS
Link: http://www.uts.edu.au

84% - Chiefbin - blog
Link: http://chiefbin.com

53% - Ticket Gemeaz
Link: http://www.ticketgemeaz.com

57% - Videos - Teofilos.Ne...
Link: http://teofilos.net

17% - djvipernet: v2012
Link: http://djviper.net

14% - グリー株式会社 (GREE, Inc.)
Link: http://corp.gree.net

42% - Home : Frog Web Work...
Link: http://www.frogwebworks.co.nz

100% - DoubleBit
Link: http://www.doublebit.net

43% - R1-04 Kurt SAE 100R1...
Link: http://adaptersinc.com

67% - FC350-04 Aeroquip AQ...
Link: http://hosewarehouse.com

41% - Mike Front-End
Link: http://www.mikefrontend.com

69% - Page not found ‹ OSI...
Link: http://osis.smakkosayu.sch.id

17% - Transporter - ამანათ...
Link: http://transporter.ge

51% - CodFront
Link: http://codfront.allalexandrov.com

34% - ホーム - cigar8s jimdo ...
Link: http://cigar8.jimdo.com

55% - Eurostat - Tables, G...
Link: http://epp.eurostat.ec.europa.eu

51% - Londonist
Link: http://londonist.com

91% - 六九城-只有个人房源
Link: http://www.69cheng.com

63% - WQsoftwares, Html5 W...
Link: http://www.wqsoftwares.com

80% - akudisini - Profile
Link: http://akudisini.livejournal.com

39% - Home | University of...
Link: http://www.uts.edu.au

31% - Build Insider : 次世代W...
Link: http://www.buildinsider.net

39% - Enterprise - Build I...
Link: http://www.buildinsider.net

43% - ℃-ute:ニュース|ハロー!プロジェク...
Link: http://www.helloproject.com

59% - アンジュルム:ニュース|ハロー!プロジェ...
Link: http://www.helloproject.com

47% - Sigorta, Araç Kasko,...
Link: http://www.sigortam.net

100% - Abrasivemc
Link: http://www.abrasivemc.com

66% - Ana Sayfa
Link: http://scriptoweb.com

45% - ゼルダの伝説 風のタクト
Link: http://www.nintendo.co.jp

48% - Home | Progress West...
Link: http://www.progresswest.org

59% - 有料アダルトサイト比較 無修正AV動画[...
Link: http://xn--ccke4c1b0bc5vy12t6keb7dys5efvdcttw64a024f.com

44% - Rosanita Garcia Nutr...
Link: http://ronutricionista.com.br

68% - ClienD
Link: http://cliend.ru

41% - Demand - Design and ...
Link: http://www.demand.org.uk

88% - Cape Institute for A...
Link: http://cifa.org.za

38% - Boys & Girls Clu...
Link: https://www.bgcn.org

80% - Forum TR
Link: http://www.frmtr.com

99% - ラジオがネットで聴けるラジコ
Link: http://radiko.jp

79% - Home | Roland Berger
Link: http://www.rolandberger.co.jp

53% - 跳板网 | 针对汽车经销商去库存的平台_...
Link: http://www.51tiaoban.com

58% - TUONG LINH – Web Des...
Link: http://linhtong.com

97% - One Identity Passwor...
Link: https://lpm.lontana.es:20443

80% - Fahrschule Orangedri...
Link: http://www.orangedrivers.at

52% - トラストシステムサービス株式会社 - 家...
Link: http://trust-ss.co.jp

99% - Tauchclub Aqua-Star
Link: http://www.aqua-star.ch

49% - 許認可.net ひかり行政書士法人
Link: http://n-jimu.net

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #0099CC zu HEX #FF6633


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 7%, #FF6633 90%);

Radial

HEX #0099CC zu HEX #FF6633


CSS-Code:

background-image: radial-gradient(circle, #0099CC 5%, #FF6633 93%);

 

HEX #FF6633 zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #FF6633 13%, #0099CC 90%);

 

HEX #FF6633 zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #FF6633 2%, #0099CC 91%);

Linear

HEX #0099CC zu HEX #16ABDA


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 5%, #16ABDA 87%);

Radial

HEX #0099CC zu HEX #16ABDA


CSS-Code:

background-image: radial-gradient(circle, #0099CC 2%, #16ABDA 93%);

 

HEX #16ABDA zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #16ABDA 3%, #0099CC 92%);

 

HEX #16ABDA zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #16ABDA 2%, #0099CC 93%);

 

HEX #0099CC zu HEX #27BDED


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 11%, #27BDED 90%);

 

HEX #0099CC zu HEX #27BDED


CSS-Code:

background-image: radial-gradient(circle, #0099CC 1%, #27BDED 97%);

 

HEX #27BDED zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #27BDED 14%, #0099CC 94%);

 

HEX #27BDED zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #27BDED 14%, #0099CC 95%);

 

HEX #0099CC zu HEX #38CFFF


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 12%, #38CFFF 93%);

 

HEX #0099CC zu HEX #38CFFF


CSS-Code:

background-image: radial-gradient(circle, #0099CC 2%, #38CFFF 86%);

 

HEX #38CFFF zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #38CFFF 12%, #0099CC 98%);

 

HEX #38CFFF zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #38CFFF 10%, #0099CC 99%);

 

HEX #0099CC zu HEX #49E1FF


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 10%, #49E1FF 87%);

 

HEX #0099CC zu HEX #49E1FF


CSS-Code:

background-image: radial-gradient(circle, #0099CC 9%, #49E1FF 99%);

 

HEX #49E1FF zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #49E1FF 6%, #0099CC 96%);

 

HEX #49E1FF zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #49E1FF 3%, #0099CC 86%);

Linear

HEX #0099CC zu HEX #0087B9


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 11%, #0087B9 87%);

Radial

HEX #0099CC zu HEX #0087B9


CSS-Code:

background-image: radial-gradient(circle, #0099CC 14%, #0087B9 90%);

 

HEX #0087B9 zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #0087B9 11%, #0099CC 96%);

 

HEX #0087B9 zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #0087B9 5%, #0099CC 100%);

 

HEX #0099CC zu HEX #0075A6


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 7%, #0075A6 87%);

 

HEX #0099CC zu HEX #0075A6


CSS-Code:

background-image: radial-gradient(circle, #0099CC 0%, #0075A6 87%);

 

HEX #0075A6 zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #0075A6 9%, #0099CC 87%);

 

HEX #0075A6 zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #0075A6 1%, #0099CC 94%);

 

HEX #0099CC zu HEX #006393


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 1%, #006393 100%);

 

HEX #0099CC zu HEX #006393


CSS-Code:

background-image: radial-gradient(circle, #0099CC 6%, #006393 97%);

 

HEX #006393 zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #006393 1%, #0099CC 100%);

 

HEX #006393 zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #006393 3%, #0099CC 91%);

 

HEX #0099CC zu HEX #005180


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 11%, #005180 96%);

 

HEX #0099CC zu HEX #005180


CSS-Code:

background-image: radial-gradient(circle, #0099CC 9%, #005180 87%);

 

HEX #005180 zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #005180 12%, #0099CC 94%);

 

HEX #005180 zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #005180 8%, #0099CC 94%);

Linear

HEX #0099CC zu HEX #0077CC


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 10%, #0077CC 99%);

Radial

HEX #0099CC zu HEX #0077CC


CSS-Code:

background-image: radial-gradient(circle, #0099CC 14%, #0077CC 99%);

 

HEX #0077CC zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #0077CC 10%, #0099CC 87%);

 

HEX #0077CC zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #0077CC 13%, #0099CC 87%);

 

HEX #0099CC zu HEX #0054CC


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 13%, #0054CC 92%);

 

HEX #0099CC zu HEX #0054CC


CSS-Code:

background-image: radial-gradient(circle, #0099CC 6%, #0054CC 90%);

 

HEX #0054CC zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #0054CC 11%, #0099CC 100%);

 

HEX #0054CC zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #0054CC 0%, #0099CC 91%);

 

HEX #0099CC zu HEX #0033CC


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 6%, #0033CC 92%);

 

HEX #0099CC zu HEX #0033CC


CSS-Code:

background-image: radial-gradient(circle, #0099CC 13%, #0033CC 90%);

 

HEX #0033CC zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #0033CC 14%, #0099CC 87%);

 

HEX #0033CC zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #0033CC 5%, #0099CC 96%);

 

HEX #0099CC zu HEX #0011CC


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 3%, #0011CC 90%);

 

HEX #0099CC zu HEX #0011CC


CSS-Code:

background-image: radial-gradient(circle, #0099CC 13%, #0011CC 88%);

 

HEX #0011CC zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #0011CC 2%, #0099CC 91%);

 

HEX #0011CC zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #0011CC 9%, #0099CC 90%);

Linear

HEX #0099CC zu HEX #000000


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 14%, #000000 92%);

Radial

HEX #0099CC zu HEX #000000


CSS-Code:

background-image: radial-gradient(circle, #0099CC 5%, #000000 89%);

 

HEX #000000 zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #000000 5%, #0099CC 88%);

 

HEX #000000 zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #000000 4%, #0099CC 92%);

 

HEX #0099CC zu HEX #002633


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 8%, #002633 90%);

 

HEX #0099CC zu HEX #002633


CSS-Code:

background-image: radial-gradient(circle, #0099CC 1%, #002633 93%);

 

HEX #002633 zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #002633 11%, #0099CC 95%);

 

HEX #002633 zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #002633 10%, #0099CC 98%);

 

HEX #0099CC zu HEX #004D66


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 6%, #004D66 97%);

 

HEX #0099CC zu HEX #004D66


CSS-Code:

background-image: radial-gradient(circle, #0099CC 12%, #004D66 100%);

 

HEX #004D66 zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #004D66 5%, #0099CC 100%);

 

HEX #004D66 zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #004D66 5%, #0099CC 97%);

 

HEX #0099CC zu HEX #007399


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 11%, #007399 92%);

 

HEX #0099CC zu HEX #007399


CSS-Code:

background-image: radial-gradient(circle, #0099CC 4%, #007399 89%);

 

HEX #007399 zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #007399 12%, #0099CC 92%);

 

HEX #007399 zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #007399 9%, #0099CC 99%);

Linear

HEX #0099CC zu HEX #5B00CC


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 5%, #5B00CC 87%);

Radial

HEX #0099CC zu HEX #5B00CC


CSS-Code:

background-image: radial-gradient(circle, #0099CC 5%, #5B00CC 88%);

 

HEX #5B00CC zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #5B00CC 10%, #0099CC 91%);

 

HEX #5B00CC zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #5B00CC 0%, #0099CC 93%);

 

HEX #0099CC zu HEX #CCAD00


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 11%, #CCAD00 96%);

 

HEX #0099CC zu HEX #CCAD00


CSS-Code:

background-image: radial-gradient(circle, #0099CC 8%, #CCAD00 96%);

 

HEX #CCAD00 zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #CCAD00 8%, #0099CC 91%);

 

HEX #CCAD00 zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #CCAD00 2%, #0099CC 91%);

Linear

HEX #0099CC zu HEX #CC0099


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 2%, #CC0099 87%);

Radial

HEX #0099CC zu HEX #CC0099


CSS-Code:

background-image: radial-gradient(circle, #0099CC 10%, #CC0099 91%);

 

HEX #CC0099 zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #CC0099 8%, #0099CC 98%);

 

HEX #CC0099 zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #CC0099 11%, #0099CC 100%);

 

HEX #0099CC zu HEX #99CC00


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 6%, #99CC00 96%);

 

HEX #0099CC zu HEX #99CC00


CSS-Code:

background-image: radial-gradient(circle, #0099CC 11%, #99CC00 96%);

 

HEX #99CC00 zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #99CC00 5%, #0099CC 91%);

 

HEX #99CC00 zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #99CC00 14%, #0099CC 99%);

Linear

HEX #0099CC zu HEX #5B00CC


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 2%, #5B00CC 88%);

Radial

HEX #0099CC zu HEX #5B00CC


CSS-Code:

background-image: radial-gradient(circle, #0099CC 7%, #5B00CC 97%);

 

HEX #5B00CC zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #5B00CC 11%, #0099CC 96%);

 

HEX #5B00CC zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #5B00CC 1%, #0099CC 89%);

 

HEX #0099CC zu HEX #CC3300


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 1%, #CC3300 98%);

 

HEX #0099CC zu HEX #CC3300


CSS-Code:

background-image: radial-gradient(circle, #0099CC 3%, #CC3300 97%);

 

HEX #CC3300 zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #CC3300 0%, #0099CC 86%);

 

HEX #CC3300 zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #CC3300 12%, #0099CC 93%);

 

HEX #0099CC zu HEX #70CC00


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 1%, #70CC00 88%);

 

HEX #0099CC zu HEX #70CC00


CSS-Code:

background-image: radial-gradient(circle, #0099CC 4%, #70CC00 90%);

 

HEX #70CC00 zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #70CC00 3%, #0099CC 87%);

 

HEX #70CC00 zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #70CC00 3%, #0099CC 90%);

Linear

HEX #0099CC zu HEX #9900CC


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 6%, #9900CC 95%);

Radial

HEX #0099CC zu HEX #9900CC


CSS-Code:

background-image: radial-gradient(circle, #0099CC 2%, #9900CC 100%);

 

HEX #9900CC zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #9900CC 2%, #0099CC 86%);

 

HEX #9900CC zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #9900CC 1%, #0099CC 93%);

 

HEX #0099CC zu HEX #CC3300


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 5%, #CC3300 95%);

 

HEX #0099CC zu HEX #CC3300


CSS-Code:

background-image: radial-gradient(circle, #0099CC 14%, #CC3300 100%);

 

HEX #CC3300 zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #CC3300 10%, #0099CC 92%);

 

HEX #CC3300 zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #CC3300 12%, #0099CC 98%);

 

HEX #0099CC zu HEX #33CC00


CSS-Code:

background-image: linear-gradient(135deg, #0099CC 6%, #33CC00 94%);

 

HEX #0099CC zu HEX #33CC00


CSS-Code:

background-image: radial-gradient(circle, #0099CC 7%, #33CC00 95%);

 

HEX #33CC00 zu HEX #0099CC


CSS-Code:

background-image: linear-gradient(135deg, #33CC00 8%, #0099CC 90%);

 

HEX #33CC00 zu HEX #0099CC


CSS-Code:

background-image: radial-gradient(circle, #33CC00 5%, #0099CC 86%);

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

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

Icons

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)

nsc-logo

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)

nsc-logo

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

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 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

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 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

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 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

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 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

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

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

Icons

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)

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking you can create palettes and download the color swatches.