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

CSS Gradienten:
#00AEEF

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



Marken

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

42% - Orbital - Pain Kille...
Link: http://orbital.co.nz

64% - home
Link: http://hopecenterwi.org

81% - VIRAJ ZAVERI
Link: http://virajz.com

22% - Bons plans et adress...
Link: http://www.goodidea.lu

82% - Data Driven Social M...
Link: http://www.dachisgroup.com

49% - Software - Dachis Gr...
Link: http://www.dachisgroup.com

16% - Reset Lab
Link: http://www.reset-lab.com.br

28% - TVyNovelas
Link: http://www.tvynovelas.com

88% - Sean O'Brien – G...
Link: http://www.s-obrien.com

23% - 通泰媒體應用 - 新媒體整合, 跨平台影...
Link: http://www.phimedia.tv

50% - Grupla - Para Toplam...
Link: http://www.grupla.com

69% - Zoorvey: Opinions cr...
Link: http://zoorvey.com

60% - i22. Digitale Kommun...
Link: http://www.i22.de

80% - REON Digital Kft.
Link: http://reondigital.hu

90% - Web2Go | Web Applica...
Link: http://web2go.gr

67% - Drupal Commerce
Link: http://www.drupalcommerce.org

100% - 念
Link: http://nian.so

45% - 34GT
Link: http://www.34gt.com

51% - ticr.es - Noticias d...
Link: http://ticr.es

76% - Edens Borettslag
Link: http://edens.no

50% - cuentos y misterios ...
Link: http://cuentosmanabitas.wordpress.com

53% - Hello. | The Writer
Link: http://www.thewriter.com

64% - http://hdsad...
Link: http://hdsadev.blueprintagencies.ca

52% - be.ime - Bienvenido ...
Link: http://be-ime.com

78% - .: WEBPro Soluciones...
Link: http://www.webpro.com.co

38% - Home
Link: http://www.luyten.eu

72% - StickNFind - Home of...
Link: https://www.sticknfind.com

60% - PromaYacout | Site e...
Link: http://promayacout.ma

53% - Sell CDs | Sell CDs ...
Link: http://www.musicmagpie.co.uk

60% - Plans and Pricing - ...
Link: https://www.linode.com

37% - FVM | B2B Marketing ...
Link: http://www.thinkfvm.com

91% - CSS3 PIE: CSS3 decor...
Link: http://css3pie.com

48% - HealthMarkets Resour...
Link: http://resources.healthmarkets.com

34% - Compare Health Insur...
Link: http://www.healthmarkets.com

34% - Compare Health Insur...
Link: http://info.healthmarkets.com

34% - La hidratación depor...
Link: http://www.powerade.com.mx

73% - Home Banco Ciudad
Link: http://bancociudad.com

24% - SEE RE/MAX | Ope...
Link: http://www.seeremax.com

31% - Start
Link: http://www.verifone.se

13% - ::베스트솔루션::
Link: http://www.bestsolution1.co.kr

24% - Agência #3ponto0 | C...
Link: http://www.3ponto0.com.br

35% - Affinity Sutton Grou...
Link: http://www.affinitysutton.com

56% - Aaron Price Fellows ...
Link: http://aaronpricefellows.org

25% - Overview | Aaron Pri...
Link: http://aaronpricefellows.org

62% - Limo - Comunicazione...
Link: http://www.lab.limo

31% - WooCommerce Themes -...
Link: http://www.woorockets.com

52% - What Should I Major ...
Link: http://www.mymajors.com

28% - Home | APK - Android...
Link: http://apk.vn

28% - Breath
Link: http://breathapp.com

61% - http://www.z...
Link: http://www.zodiac.com

79% - Tampa Web Design | W...
Link: http://www.poweronmarketing.com

46% - Contrair aandelen be...
Link: http://marktgevoel.nl

35% - Chicago Dog Walker S...
Link: http://windycitypaws.com

91% - Willkommen auf unser...
Link: http://www.dkc-bitterfeld.de

35% - Umbrella Company &am...
Link: http://www.candor.co.uk

50% - An Education Technol...
Link: http://www.26gems.io

34% - College Articles &am...
Link: http://www.collegemagazine.com

46% - MoneySuperMarket - H...
Link: http://moneysupermarket.com

40% - USB-C | StarTech.com
Link: http://www.startech.com

39% - USB-C Overview | Sta...
Link: http://www.startech.com

59% - Home page
Link: http://www.shopinfotrans.cw

63% - Buletin Ilmiah Litba...
Link: http://www.kemendag.go.id

63% - Financial Research |...
Link: http://www.factset.com

67% - Tesco Mobile
Link: http://www.tescomobile.cz

71% - VoIP & Hosted PB...
Link: http://www.crosswindvoip.com

66% - Car Dealers | Vantag...
Link: http://www.vantagemotorgroup.co.uk

55% - Chicago Dog Walking ...
Link: http://windycitypaws.com

42% - pricing test - Windy...
Link: http://windycitypaws.com

40% - Welcome to OneHourPr...
Link: http://www.onehourprofessor.com

40% - QSAC | Quality Servi...
Link: http://www.qsac.com

40% - Wilson Estate Agents...
Link: http://www.wilsonestateagents.co.uk

32% - Win Marketing – Mark...
Link: http://[email protected]

64% - About - The Medicare...
Link: http://www.themedicareexchange.org

84% - About Us | What Cons...
Link: http://www.qa.nielsen.com

80% - Nordic NeuroSTIM | I...
Link: http://nordicneurostim.com

49% - Instagram Online PC ...
Link: http://www.pictaram.eu

51% - Orientation Student ...
Link: http://www.gordon.edu

35% - Orlando Property Man...
Link: http://www.leasingorlando.com

92% - Who we are - Quod
Link: http://www.quod.com

41% - HCC Solutions | Apix...
Link: http://www.apixio.com

42% - Acodez
Link: http://acodez.in

66% - Home - YPI Counselli...
Link: http://www.ypicounselling.co.uk

74% - Wintegreat - Innovat...
Link: http://wintegreat.org

18% - Личный кабинет студе...
Link: https://istudent.urfu.ru

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #00AEEF zu HEX #FF5110


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 4%, #FF5110 100%);

Radial

HEX #00AEEF zu HEX #FF5110


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 0%, #FF5110 87%);

 

HEX #FF5110 zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #FF5110 12%, #00AEEF 87%);

 

HEX #FF5110 zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #FF5110 12%, #00AEEF 96%);

Linear

HEX #00AEEF zu HEX #16C0FD


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 9%, #16C0FD 90%);

Radial

HEX #00AEEF zu HEX #16C0FD


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 6%, #16C0FD 92%);

 

HEX #16C0FD zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #16C0FD 12%, #00AEEF 94%);

 

HEX #16C0FD zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #16C0FD 6%, #00AEEF 86%);

 

HEX #00AEEF zu HEX #27D2FF


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 11%, #27D2FF 94%);

 

HEX #00AEEF zu HEX #27D2FF


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 5%, #27D2FF 99%);

 

HEX #27D2FF zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #27D2FF 12%, #00AEEF 95%);

 

HEX #27D2FF zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #27D2FF 11%, #00AEEF 89%);

 

HEX #00AEEF zu HEX #38E4FF


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 6%, #38E4FF 86%);

 

HEX #00AEEF zu HEX #38E4FF


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 8%, #38E4FF 94%);

 

HEX #38E4FF zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #38E4FF 11%, #00AEEF 100%);

 

HEX #38E4FF zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #38E4FF 2%, #00AEEF 90%);

 

HEX #00AEEF zu HEX #49F6FF


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 10%, #49F6FF 100%);

 

HEX #00AEEF zu HEX #49F6FF


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 4%, #49F6FF 97%);

 

HEX #49F6FF zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #49F6FF 2%, #00AEEF 88%);

 

HEX #49F6FF zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #49F6FF 10%, #00AEEF 92%);

Linear

HEX #00AEEF zu HEX #009CDC


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 10%, #009CDC 100%);

Radial

HEX #00AEEF zu HEX #009CDC


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 0%, #009CDC 89%);

 

HEX #009CDC zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #009CDC 3%, #00AEEF 97%);

 

HEX #009CDC zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #009CDC 3%, #00AEEF 91%);

 

HEX #00AEEF zu HEX #008AC9


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 4%, #008AC9 97%);

 

HEX #00AEEF zu HEX #008AC9


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 13%, #008AC9 97%);

 

HEX #008AC9 zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #008AC9 3%, #00AEEF 91%);

 

HEX #008AC9 zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #008AC9 5%, #00AEEF 89%);

 

HEX #00AEEF zu HEX #0078B6


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 3%, #0078B6 86%);

 

HEX #00AEEF zu HEX #0078B6


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 14%, #0078B6 93%);

 

HEX #0078B6 zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #0078B6 13%, #00AEEF 89%);

 

HEX #0078B6 zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #0078B6 11%, #00AEEF 98%);

 

HEX #00AEEF zu HEX #0066A3


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 6%, #0066A3 97%);

 

HEX #00AEEF zu HEX #0066A3


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 12%, #0066A3 95%);

 

HEX #0066A3 zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #0066A3 1%, #00AEEF 89%);

 

HEX #0066A3 zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #0066A3 11%, #00AEEF 100%);

Linear

HEX #00AEEF zu HEX #0087EF


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 3%, #0087EF 86%);

Radial

HEX #00AEEF zu HEX #0087EF


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 11%, #0087EF 95%);

 

HEX #0087EF zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #0087EF 7%, #00AEEF 93%);

 

HEX #0087EF zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #0087EF 14%, #00AEEF 93%);

 

HEX #00AEEF zu HEX #005FEF


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 0%, #005FEF 90%);

 

HEX #00AEEF zu HEX #005FEF


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 5%, #005FEF 100%);

 

HEX #005FEF zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #005FEF 11%, #00AEEF 95%);

 

HEX #005FEF zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #005FEF 13%, #00AEEF 94%);

 

HEX #00AEEF zu HEX #0037EF


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 5%, #0037EF 95%);

 

HEX #00AEEF zu HEX #0037EF


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 7%, #0037EF 90%);

 

HEX #0037EF zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #0037EF 3%, #00AEEF 99%);

 

HEX #0037EF zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #0037EF 9%, #00AEEF 100%);

 

HEX #00AEEF zu HEX #000FEF


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 12%, #000FEF 92%);

 

HEX #00AEEF zu HEX #000FEF


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 14%, #000FEF 99%);

 

HEX #000FEF zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #000FEF 8%, #00AEEF 98%);

 

HEX #000FEF zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #000FEF 4%, #00AEEF 94%);

Linear

HEX #00AEEF zu HEX #001923


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 9%, #001923 90%);

Radial

HEX #00AEEF zu HEX #001923


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 1%, #001923 90%);

 

HEX #001923 zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #001923 11%, #00AEEF 100%);

 

HEX #001923 zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #001923 10%, #00AEEF 96%);

 

HEX #00AEEF zu HEX #003F56


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 11%, #003F56 87%);

 

HEX #00AEEF zu HEX #003F56


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 4%, #003F56 93%);

 

HEX #003F56 zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #003F56 8%, #00AEEF 94%);

 

HEX #003F56 zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #003F56 1%, #00AEEF 88%);

 

HEX #00AEEF zu HEX #006489


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 8%, #006489 97%);

 

HEX #00AEEF zu HEX #006489


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 2%, #006489 95%);

 

HEX #006489 zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #006489 14%, #00AEEF 86%);

 

HEX #006489 zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #006489 1%, #00AEEF 94%);

 

HEX #00AEEF zu HEX #0089BC


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 10%, #0089BC 86%);

 

HEX #00AEEF zu HEX #0089BC


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 3%, #0089BC 97%);

 

HEX #0089BC zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #0089BC 14%, #00AEEF 86%);

 

HEX #0089BC zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #0089BC 14%, #00AEEF 99%);

Linear

HEX #00AEEF zu HEX #6F00EF


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 11%, #6F00EF 99%);

Radial

HEX #00AEEF zu HEX #6F00EF


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 9%, #6F00EF 89%);

 

HEX #6F00EF zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #6F00EF 2%, #00AEEF 97%);

 

HEX #6F00EF zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #6F00EF 9%, #00AEEF 97%);

 

HEX #00AEEF zu HEX #EFCF00


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 11%, #EFCF00 90%);

 

HEX #00AEEF zu HEX #EFCF00


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 6%, #EFCF00 92%);

 

HEX #EFCF00 zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #EFCF00 11%, #00AEEF 90%);

 

HEX #EFCF00 zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #EFCF00 5%, #00AEEF 95%);

Linear

HEX #00AEEF zu HEX #EF00AF


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 8%, #EF00AF 100%);

Radial

HEX #00AEEF zu HEX #EF00AF


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 12%, #EF00AF 99%);

 

HEX #EF00AF zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #EF00AF 5%, #00AEEF 90%);

 

HEX #EF00AF zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #EF00AF 7%, #00AEEF 99%);

 

HEX #00AEEF zu HEX #AFEF00


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 0%, #AFEF00 90%);

 

HEX #00AEEF zu HEX #AFEF00


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 12%, #AFEF00 91%);

 

HEX #AFEF00 zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #AFEF00 1%, #00AEEF 91%);

 

HEX #AFEF00 zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #AFEF00 6%, #00AEEF 88%);

Linear

HEX #00AEEF zu HEX #6F00EF


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 7%, #6F00EF 87%);

Radial

HEX #00AEEF zu HEX #6F00EF


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 7%, #6F00EF 97%);

 

HEX #6F00EF zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #6F00EF 6%, #00AEEF 86%);

 

HEX #6F00EF zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #6F00EF 11%, #00AEEF 86%);

 

HEX #00AEEF zu HEX #EF3F00


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 10%, #EF3F00 87%);

 

HEX #00AEEF zu HEX #EF3F00


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 8%, #EF3F00 89%);

 

HEX #EF3F00 zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #EF3F00 12%, #00AEEF 90%);

 

HEX #EF3F00 zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #EF3F00 2%, #00AEEF 86%);

 

HEX #00AEEF zu HEX #7FEF00


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 2%, #7FEF00 91%);

 

HEX #00AEEF zu HEX #7FEF00


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 8%, #7FEF00 87%);

 

HEX #7FEF00 zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #7FEF00 12%, #00AEEF 95%);

 

HEX #7FEF00 zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #7FEF00 14%, #00AEEF 91%);

Linear

HEX #00AEEF zu HEX #B700EF


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 2%, #B700EF 90%);

Radial

HEX #00AEEF zu HEX #B700EF


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 5%, #B700EF 88%);

 

HEX #B700EF zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #B700EF 6%, #00AEEF 94%);

 

HEX #B700EF zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #B700EF 7%, #00AEEF 86%);

 

HEX #00AEEF zu HEX #EF3F00


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 12%, #EF3F00 93%);

 

HEX #00AEEF zu HEX #EF3F00


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 8%, #EF3F00 92%);

 

HEX #EF3F00 zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #EF3F00 8%, #00AEEF 95%);

 

HEX #EF3F00 zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #EF3F00 7%, #00AEEF 97%);

 

HEX #00AEEF zu HEX #37EF00


CSS-Code:

background-image: linear-gradient(135deg, #00AEEF 1%, #37EF00 98%);

 

HEX #00AEEF zu HEX #37EF00


CSS-Code:

background-image: radial-gradient(circle, #00AEEF 14%, #37EF00 92%);

 

HEX #37EF00 zu HEX #00AEEF


CSS-Code:

background-image: linear-gradient(135deg, #37EF00 2%, #00AEEF 99%);

 

HEX #37EF00 zu HEX #00AEEF


CSS-Code:

background-image: radial-gradient(circle, #37EF00 9%, #00AEEF 87%);

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.