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

CSS Gradientes:
RGB 0 102 204

Información

cerrar todo

Sugerimos CSS gradientes de dos tonos de color, tal como el color base y el color complementario.

Encuentre ejemplos de transición de colores lineares y radiales.

Diseño web: Copie el código CSS para integración facil a su página web.

Escoja CSS gradientes de dos tonos de color, tal como uno del color base y un tono más claro.

Encuentre ejemplos de transición de colores lineares y radiales de Colores más claros.

Diseño web: Copie el código CSS para integración fácil en su página web.

Permitanos sugerirle CSS gradientes de dos tonos de color, tal como uno del color base y un tono más claro.

Encuentre ejemplos de transición de colores lineares y radiales de Colores más claros.

Diseño web: Copie el código CSS para integración fácil en su página web.

Mostrar opciones

Descripción

Con este color el ciano sobresale más que los otros colores. El valor que los tonos azul y verde respresentan es más grande que el tercer valor. Estan más cercanos y superan el valor del tono rojo Como el valor de los colores es relativamente bajo comparado con otros, este tono parece ser más oscuro

La descomposición del color en el sistema de color RGB: en este tono de color estan, de entre máximo 255 componentes de colores, respectivamente ninguno el rojo, 102 el verde y 204 el azul.

De esta proporción de mezcla resulta un tono de color conveniente en la mitad de la intersección.

Usted puede ver en la representación, como el color se compone de tres elementos: del rojo (arriba), del verde (abajo a la derecha) y del azul (abajo a la izquierda). Puede ver el color resultante en el medio.
0 102 204 R G B
El color esta compuesto de la siguiente manera en el sistema de color CMYK: Hay en este tono de color, de entre máximo 100 componentes de colores 100 ciano, 50 magenta, ninguno amarillo y 20 negro.

De esta proporción de mezcla resulta un tono de color conveniente en la mitad de la intersección.

Usted puede ver en la representación, como el color se compone de cuatro elementos: del cian (arriba en la parte izquierda), del magenta (arriba en la parte derecha), del amarillo (abajo en la parte derecha) y del negro o key (abajo en la parte izquierda). Puede ver el color resultante en el medio.
100% 50% 0% 20% C M Y K



Marcas

Al menos una firma utiliza este color. Aqui puede ver cual es:

91% - Robert Kuykendall - ...
Enlace: http://rkuykendall.com

45% - Publiclin - Medical ...
Enlace: http://www.publiclin.com

78% - 1515R.org | 125 Year...
Enlace: http://www.1515r.org

24% - 蒼穹天下
Enlace: http://sky.tian-xia.net

100% - Lorem ipsum
Enlace: http://leedaeyeop.com

23% - そぷログ
Enlace: http://soplog.skr.jp

14% - ゆるゆるカフェ:Cosmos ゆるゆる ...
Enlace: http://yuru2.jp

52% - 琉球大学 工学部 情報工学科 | The...
Enlace: http://ie.u-ryukyu.ac.jp

24% - 百度云 网盘-视频暂存
Enlace: http://kongjian.player.baidu.com

20% - グルメ・レストランガイド [食べログ]
Enlace: http://tabelog.com

21% - Web Design West Midl...
Enlace: http://www.latech.co.uk

19% - AmebloEnjoyMethod
Enlace: http://ameblo.jp

26% - エクスペリアの不具合と評判
Enlace: http://xperia.publog.jp

16% - 札幌 ホームページ制作会社 ジャクスタポ...
Enlace: http://www.lat43n.com

19% - Estate Agents & ...
Enlace: http://www.allagents.co.uk

26% - The Guild of One-Nam...
Enlace: http://one-name.org

20% - color2.gif (750x60 p...
Enlace: http://gp01.cb037.jp

17% - color4.gif (900x60 p...
Enlace: http://gp01.cb037.jp

50% - İrfan BÜYÜKYANGÖZ
Enlace: http://irfanbuyukyangoz.com

21% - 公益財団法人 大阪市都市型産業振興センタ...
Enlace: http://www.imedio.or.jp

71% - Teknoloji ve web bil...
Enlace: http://www.iyiblogcu.com

57% - Web Design and Graph...
Enlace: http://www.byronpinn.co.uk

77% - Dashboard - PlanMill...
Enlace: http://wiki.planmill.com

18% - 滋賀短期大学/学校法人純美禮学園
Enlace: http://www.sumire.ac.jp

62% - ETEC Prof. Eudécio L...
Enlace: http://www.escolaeudecio.com.br

18% - carview![カービュー] - 自動...
Enlace: http://carview.yahoo.co.jp

58% - 多梦博客
Enlace: http://posse3.com

37% - 株式会社キーエンス KEYENCE Ja...
Enlace: http://www.keyence.co.jp

38% - ログイン|Ameba (アメーバ)
Enlace: http://blog.ameba.jp

67% - おおすみんちゅのライフログ | 関東で働...
Enlace: http://wavekaji.info

33% - My Page
Enlace: http://ozaku7.web.fc2.com

42% - MailNinja - Managed ...
Enlace: http://mailninjaplus.co.uk

36% - 404エラー|Ameba(アメーバブログ...
Enlace: http://ameblo.jp

16% - 京味 きょうあじ - 新橋/京料...
Enlace: http://tabelog.com

94% - Field trip Ideas | A...
Enlace: http://www.schoolshows.ca

42% - TOPページ
Enlace: http://test046.cms2.jp

48% - Welcome to Calcot.co...
Enlace: http://www.calcot.com

88% - みんなの求人板
Enlace: http://kyujinban.jp

14% - Ameba(アメーバ) 芸能人・有名人ブ...
Enlace: http://official.ameba.jp

84% - Layton Technology, I...
Enlace: http://laytontechnology.com

45% - 釣り船/船宿の予約は業界最大級の...
Enlace: https://cho-raku.jp

15% - 問屋・仕入れ・卸・卸売の専門【仕入れなら...
Enlace: http://www.netsea.jp

48% - Tutto Napoli - Notiz...
Enlace: http://www.tuttonapoli.net

46% - DHM Prüftechnik
Enlace: http://www.d-h-m.de

66% - Gadget.url - Compart...
Enlace: http://gadget.url.ph

57% - 【受験サプリ】大学受験を応援するオンライ...
Enlace: https://jyukensapuri.jp

66% - 求人情報
Enlace: http://northpole-sumire.jp

16% - ホーム | 統計数理研究所
Enlace: http://www.ism.ac.jp

40% - 生産システム見える化展 | 人・モノ・設...
Enlace: http://www.jma.or.jp

34% - 転職サイトなら日本最大級の【エン転職】|...
Enlace: http://employment.en-japan.com

19% - 【動画】物凄いフェラテクを披露するハーフ...
Enlace: http://erotube.org

71% - Konica Minolta | A g...
Enlace: http://bic.konicaminolta.eu

34% - Look At This...
Enlace: http://seehere.blogspot.com

44% - 「平成28年度全国学力・学習状況調査を実...
Enlace: http://www.mext.go.jp

22% - ジェネリック医薬品の沢井製薬
Enlace: http://www.sawai.co.jp

40% - 広告代理店 雑誌広告 東京 堀越
Enlace: http://www.hrks.jp

34% - ネットビジネス・アナリスト横田秀珠 | ...
Enlace: http://yokotashurin.com

21% - りそな銀行
Enlace: http://www.resona-gr.co.jp

16% - 富士重工業株式会社
Enlace: http://www.fhi.co.jp

31% - スマホ上手 | 格安スマホやSIM情報、...
Enlace: http://www.sim-jozu.net

16% - JAF(JAPAN AUTOMOBILE...
Enlace: http://www.jaf.or.jp

25% - システム開発・インフラ構築のディ・アイ・...
Enlace: http://www.di-system.co.jp

36% - 注文住宅│スーモカウンター注文住宅【SU...
Enlace: http://www.suumocounter.jp

52% - 高校1年生の方へ|大学受験に効く【受験サ...
Enlace: http://jyukensapuri.jp

32% - 創立40周年記念事業募金|湘北短期大学
Enlace: http://www.shohoku.ac.jp

40% - パティのアンテナ
Enlace: http://pattyr6g0.xyz

18% - Tremel Computer: Hom...
Enlace: http://www.tremel-computer.de

19% - 札幌カラーセラピーと色育で人生を楽しく自...
Enlace: http://ameblo.jp

38% - 愛媛銀行
Enlace: http://www.himegin.co.jp

56% - Inicio
Enlace: http://calasanz-medellin.edu.co

63% - Zendy.Ro - Blog de s...
Enlace: http://zendy.ro

41% - ふじようちえん
Enlace: http://fujikids.jp

51% - 会社情報:シャープ
Enlace: http://www.sharp.co.jp

66% - Meteociel.fr - Modèl...
Enlace: http://www.meteociel.fr

64% - 組織について | JAPAN SPORT...
Enlace: http://www.jpnsport.go.jp

28% - 超小型カメラ通販・隠しカメラ【盗撮禁止】...
Enlace: http://camera.erobum.com

90% - Pear Demo 4 – Respon...
Enlace: http://demo.megathe.me

99% - デル株式会社(Dell Japan)の公...
Enlace: http://www1.jp.dell.com

16% - ウェディング・ブライダル専門学校│三幸学...
Enlace: http://www.sanko.ac.jp

41% - Рисуй Светом - уника...
Enlace: http://myrisuimsvetom.ru

90% - АИРКО
Enlace: http://www.airko.org

16% - 「その先の向こうへ」五洋建設
Enlace: http://www.penta-ocean.co.jp

22% - Hitz 日立造船株式会社 - 地球と人...
Enlace: https://www.hitachizosen.co.jp

Verificación de su paleta de colores como fabricante.

Proporcione a diseñadores y agencias valores cromáticos precisos.

Vámonos

Lineal

HEX #0066CC a HEX #FF9933


Código CSS:

background-image: linear-gradient(135deg, #0066CC 5%, #FF9933 92%);

Radial

HEX #0066CC a HEX #FF9933


Código CSS:

background-image: radial-gradient(circle, #0066CC 14%, #FF9933 96%);

 

HEX #FF9933 a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #FF9933 2%, #0066CC 89%);

 

HEX #FF9933 a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #FF9933 13%, #0066CC 93%);

Lineal

HEX #0066CC a HEX #1678DA


Código CSS:

background-image: linear-gradient(135deg, #0066CC 8%, #1678DA 93%);

Radial

HEX #0066CC a HEX #1678DA


Código CSS:

background-image: radial-gradient(circle, #0066CC 8%, #1678DA 90%);

 

HEX #1678DA a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #1678DA 4%, #0066CC 90%);

 

HEX #1678DA a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #1678DA 11%, #0066CC 88%);

 

HEX #0066CC a HEX #278AED


Código CSS:

background-image: linear-gradient(135deg, #0066CC 7%, #278AED 89%);

 

HEX #0066CC a HEX #278AED


Código CSS:

background-image: radial-gradient(circle, #0066CC 5%, #278AED 100%);

 

HEX #278AED a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #278AED 4%, #0066CC 89%);

 

HEX #278AED a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #278AED 3%, #0066CC 98%);

 

HEX #0066CC a HEX #389CFF


Código CSS:

background-image: linear-gradient(135deg, #0066CC 3%, #389CFF 89%);

 

HEX #0066CC a HEX #389CFF


Código CSS:

background-image: radial-gradient(circle, #0066CC 8%, #389CFF 87%);

 

HEX #389CFF a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #389CFF 6%, #0066CC 93%);

 

HEX #389CFF a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #389CFF 14%, #0066CC 100%);

 

HEX #0066CC a HEX #49AEFF


Código CSS:

background-image: linear-gradient(135deg, #0066CC 10%, #49AEFF 100%);

 

HEX #0066CC a HEX #49AEFF


Código CSS:

background-image: radial-gradient(circle, #0066CC 12%, #49AEFF 94%);

 

HEX #49AEFF a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #49AEFF 6%, #0066CC 87%);

 

HEX #49AEFF a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #49AEFF 7%, #0066CC 89%);

Lineal

HEX #0066CC a HEX #0054B9


Código CSS:

background-image: linear-gradient(135deg, #0066CC 13%, #0054B9 93%);

Radial

HEX #0066CC a HEX #0054B9


Código CSS:

background-image: radial-gradient(circle, #0066CC 0%, #0054B9 99%);

 

HEX #0054B9 a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #0054B9 13%, #0066CC 100%);

 

HEX #0054B9 a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #0054B9 12%, #0066CC 95%);

 

HEX #0066CC a HEX #0042A6


Código CSS:

background-image: linear-gradient(135deg, #0066CC 12%, #0042A6 98%);

 

HEX #0066CC a HEX #0042A6


Código CSS:

background-image: radial-gradient(circle, #0066CC 12%, #0042A6 99%);

 

HEX #0042A6 a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #0042A6 13%, #0066CC 87%);

 

HEX #0042A6 a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #0042A6 0%, #0066CC 90%);

 

HEX #0066CC a HEX #003093


Código CSS:

background-image: linear-gradient(135deg, #0066CC 10%, #003093 93%);

 

HEX #0066CC a HEX #003093


Código CSS:

background-image: radial-gradient(circle, #0066CC 13%, #003093 89%);

 

HEX #003093 a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #003093 6%, #0066CC 87%);

 

HEX #003093 a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #003093 4%, #0066CC 94%);

 

HEX #0066CC a HEX #001E80


Código CSS:

background-image: linear-gradient(135deg, #0066CC 14%, #001E80 90%);

 

HEX #0066CC a HEX #001E80


Código CSS:

background-image: radial-gradient(circle, #0066CC 14%, #001E80 96%);

 

HEX #001E80 a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #001E80 3%, #0066CC 94%);

 

HEX #001E80 a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #001E80 10%, #0066CC 88%);

Lineal

HEX #0066CC a HEX #0044CC


Código CSS:

background-image: linear-gradient(135deg, #0066CC 6%, #0044CC 86%);

Radial

HEX #0066CC a HEX #0044CC


Código CSS:

background-image: radial-gradient(circle, #0066CC 14%, #0044CC 96%);

 

HEX #0044CC a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #0044CC 2%, #0066CC 93%);

 

HEX #0044CC a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #0044CC 3%, #0066CC 87%);

 

HEX #0066CC a HEX #0021CC


Código CSS:

background-image: linear-gradient(135deg, #0066CC 14%, #0021CC 90%);

 

HEX #0066CC a HEX #0021CC


Código CSS:

background-image: radial-gradient(circle, #0066CC 12%, #0021CC 87%);

 

HEX #0021CC a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #0021CC 9%, #0066CC 86%);

 

HEX #0021CC a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #0021CC 12%, #0066CC 88%);

 

HEX #0066CC a HEX #0000CC


Código CSS:

background-image: linear-gradient(135deg, #0066CC 6%, #0000CC 87%);

 

HEX #0066CC a HEX #0000CC


Código CSS:

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

 

HEX #0000CC a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #0000CC 9%, #0066CC 97%);

 

HEX #0000CC a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #0000CC 6%, #0066CC 88%);

 

HEX #0066CC a HEX #2200CC


Código CSS:

background-image: linear-gradient(135deg, #0066CC 12%, #2200CC 97%);

 

HEX #0066CC a HEX #2200CC


Código CSS:

background-image: radial-gradient(circle, #0066CC 11%, #2200CC 99%);

 

HEX #2200CC a HEX #0066CC


Código CSS:

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

 

HEX #2200CC a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #2200CC 12%, #0066CC 90%);

Lineal

HEX #0066CC a HEX #000000


Código CSS:

background-image: linear-gradient(135deg, #0066CC 0%, #000000 96%);

Radial

HEX #0066CC a HEX #000000


Código CSS:

background-image: radial-gradient(circle, #0066CC 14%, #000000 98%);

 

HEX #000000 a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #000000 11%, #0066CC 90%);

 

HEX #000000 a HEX #0066CC


Código CSS:

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

 

HEX #0066CC a HEX #001A33


Código CSS:

background-image: linear-gradient(135deg, #0066CC 12%, #001A33 97%);

 

HEX #0066CC a HEX #001A33


Código CSS:

background-image: radial-gradient(circle, #0066CC 0%, #001A33 90%);

 

HEX #001A33 a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #001A33 0%, #0066CC 89%);

 

HEX #001A33 a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #001A33 14%, #0066CC 90%);

 

HEX #0066CC a HEX #003366


Código CSS:

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

 

HEX #0066CC a HEX #003366


Código CSS:

background-image: radial-gradient(circle, #0066CC 1%, #003366 99%);

 

HEX #003366 a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #003366 13%, #0066CC 93%);

 

HEX #003366 a HEX #0066CC


Código CSS:

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

 

HEX #0066CC a HEX #004D99


Código CSS:

background-image: linear-gradient(135deg, #0066CC 11%, #004D99 98%);

 

HEX #0066CC a HEX #004D99


Código CSS:

background-image: radial-gradient(circle, #0066CC 13%, #004D99 94%);

 

HEX #004D99 a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #004D99 5%, #0066CC 95%);

 

HEX #004D99 a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #004D99 13%, #0066CC 90%);

Lineal

HEX #0066CC a HEX #8E00CC


Código CSS:

background-image: linear-gradient(135deg, #0066CC 4%, #8E00CC 94%);

Radial

HEX #0066CC a HEX #8E00CC


Código CSS:

background-image: radial-gradient(circle, #0066CC 2%, #8E00CC 96%);

 

HEX #8E00CC a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #8E00CC 0%, #0066CC 95%);

 

HEX #8E00CC a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #8E00CC 4%, #0066CC 93%);

 

HEX #0066CC a HEX #B7CC00


Código CSS:

background-image: linear-gradient(135deg, #0066CC 1%, #B7CC00 97%);

 

HEX #0066CC a HEX #B7CC00


Código CSS:

background-image: radial-gradient(circle, #0066CC 7%, #B7CC00 99%);

 

HEX #B7CC00 a HEX #0066CC


Código CSS:

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

 

HEX #B7CC00 a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #B7CC00 10%, #0066CC 86%);

Lineal

HEX #0066CC a HEX #CC0066


Código CSS:

background-image: linear-gradient(135deg, #0066CC 5%, #CC0066 94%);

Radial

HEX #0066CC a HEX #CC0066


Código CSS:

background-image: radial-gradient(circle, #0066CC 4%, #CC0066 91%);

 

HEX #CC0066 a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #CC0066 1%, #0066CC 86%);

 

HEX #CC0066 a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #CC0066 0%, #0066CC 93%);

 

HEX #0066CC a HEX #66CC00


Código CSS:

background-image: linear-gradient(135deg, #0066CC 11%, #66CC00 99%);

 

HEX #0066CC a HEX #66CC00


Código CSS:

background-image: radial-gradient(circle, #0066CC 8%, #66CC00 87%);

 

HEX #66CC00 a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #66CC00 8%, #0066CC 91%);

 

HEX #66CC00 a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #66CC00 3%, #0066CC 99%);

Lineal

HEX #0066CC a HEX #8E00CC


Código CSS:

background-image: linear-gradient(135deg, #0066CC 13%, #8E00CC 91%);

Radial

HEX #0066CC a HEX #8E00CC


Código CSS:

background-image: radial-gradient(circle, #0066CC 9%, #8E00CC 94%);

 

HEX #8E00CC a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #8E00CC 0%, #0066CC 94%);

 

HEX #8E00CC a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #8E00CC 8%, #0066CC 90%);

 

HEX #0066CC a HEX #CC6600


Código CSS:

background-image: linear-gradient(135deg, #0066CC 13%, #CC6600 96%);

 

HEX #0066CC a HEX #CC6600


Código CSS:

background-image: radial-gradient(circle, #0066CC 13%, #CC6600 95%);

 

HEX #CC6600 a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #CC6600 12%, #0066CC 90%);

 

HEX #CC6600 a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #CC6600 13%, #0066CC 97%);

 

HEX #0066CC a HEX #3DCC00


Código CSS:

background-image: linear-gradient(135deg, #0066CC 5%, #3DCC00 87%);

 

HEX #0066CC a HEX #3DCC00


Código CSS:

background-image: radial-gradient(circle, #0066CC 11%, #3DCC00 95%);

 

HEX #3DCC00 a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #3DCC00 2%, #0066CC 87%);

 

HEX #3DCC00 a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #3DCC00 4%, #0066CC 93%);

Lineal

HEX #0066CC a HEX #CC00CC


Código CSS:

background-image: linear-gradient(135deg, #0066CC 14%, #CC00CC 95%);

Radial

HEX #0066CC a HEX #CC00CC


Código CSS:

background-image: radial-gradient(circle, #0066CC 9%, #CC00CC 94%);

 

HEX #CC00CC a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #CC00CC 12%, #0066CC 93%);

 

HEX #CC00CC a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #CC00CC 12%, #0066CC 92%);

 

HEX #0066CC a HEX #CC6600


Código CSS:

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

 

HEX #0066CC a HEX #CC6600


Código CSS:

background-image: radial-gradient(circle, #0066CC 12%, #CC6600 100%);

 

HEX #CC6600 a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #CC6600 9%, #0066CC 100%);

 

HEX #CC6600 a HEX #0066CC


Código CSS:

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

 

HEX #0066CC a HEX #00CC00


Código CSS:

background-image: linear-gradient(135deg, #0066CC 0%, #00CC00 95%);

 

HEX #0066CC a HEX #00CC00


Código CSS:

background-image: radial-gradient(circle, #0066CC 4%, #00CC00 89%);

 

HEX #00CC00 a HEX #0066CC


Código CSS:

background-image: linear-gradient(135deg, #00CC00 3%, #0066CC 98%);

 

HEX #00CC00 a HEX #0066CC


Código CSS:

background-image: radial-gradient(circle, #00CC00 9%, #0066CC 92%);

Mostrar más paletas de colores

Servicios

Colores

RGB a HEX

convierta de RGB rojo verde azul a #RRGGBB

RGB a CMYK

convierta de RGB rojo verde azul a CMYK cian / magenta / amarillo / negro

Icons

RGB a RAL®

convierta de RGB rojo verde azul a RAL®-número (RAL 0000)

RGB a HKS®

convierta de RGB rojo verde azul a HKS®-número (HKS 00)

RGB a PANTONE®

convierta de RGB rojo verde azul a Pantone®-número (Pantone 0000)

RGB a Sherwin Williams®

convierta de RGB rojo verde azul a Sherwin Williams®-número (SW 0000)

RGB a NCS®

convierta de RGB rojo verde azul a NCS-número (S0000-X00X)

nsc-logo

RGBA a HEX

convierta de RGB rojo verde azul transparencia a #RRGGBB

RGBA a CMYK

convierta de RGB rojo verde azul transparencia a CMYK cian / magenta / amarillo / negro

Icons

RGBA a RAL®

convierta de RGB rojo verde azul transparencia a RAL®-número (RAL 0000)

RGBA a HKS®

convierta de RGB rojo verde azul transparencia a HKS®-número (HKS 00)

RGBA a PANTONE®

convierta de RGB rojo verde azul transparencia a Pantone®-número (Pantone 0000)

RGBA a Sherwin Williams®

convierta de RGB rojo verde azul transparencia a Sherwin Williams®-número (SW 0000)

RGBA a NCS®

convierta de RGB rojo verde azul transparencia a NCS-número (S0000-X00X)

nsc-logo

CMYK a HEX

convierta de CMYK cian / magenta / amarillo / negro a #RRGGBB

CMYK a RGB

convierta de CMYK cian / magenta / amarillo / negro a RGB rojo verde azul

CMYK a RGBA

convierta de CMYK cian / magenta / amarillo / negro a RGB rojo verde azul transparencia

CMYK a RAL®

convierta de CMYK cian / magenta / amarillo / negro a RAL®-número (RAL 0000)

CMYK a HKS®

convierta de CMYK cian / magenta / amarillo / negro a HKS®-número (HKS 00)

CMYK a PANTONE®

convierta de CMYK cian / magenta / amarillo / negro a Pantone®-número (Pantone 0000)

CMYK a Sherwin Williams®

convierta de CMYK cian / magenta / amarillo / negro a Sherwin Williams®-número (SW 0000)

CMYK a NCS®

convierta de CMYK cian / magenta / amarillo / negro a NCS-número (S0000-X00X)

nsc-logo

HEX a RGB

convierta de #RRGGBB a RGB rojo verde azul

HEX a RGBA

convierta de #RRGGBB a RGB rojo verde azul transparencia

HEX a CMYK

convierta de #RRGGBB a CMYK cian / magenta / amarillo / negro

Icons

HEX a RAL®

convierta de #RRGGBB a RAL®-número (RAL 0000)

HEX a HKS®

convierta de #RRGGBB a HKS®-número (HKS 00)

HEX a PANTONE®

convierta de #RRGGBB a Pantone®-número (Pantone 0000)

HEX a Sherwin Williams®

convierta de #RRGGBB a Sherwin Williams®-número (SW 0000)

HEX a NCS®

convierta de #RRGGBB a NCS-número (S0000-X00X)

nsc-logo

RAL® a RGB

convierta de RAL®-número (RAL 0000) a RGB rojo verde azul

RAL® a RGBA

convierta de RAL®-número (RAL 0000) a RGB rojo verde azul transparencia

RAL® a CMYK

convierta de RAL®-número (RAL 0000) a CMYK cian / magenta / amarillo / negro

Icons

RAL® a HEX

convierta de RAL®-número (RAL 0000) a #RRGGBB

RAL® a HKS®

convierta de RAL®-número (RAL 0000) a HKS®-número (HKS 00)

RAL® a PANTONE®

convierta de RAL®-número (RAL 0000) a Pantone®-número (Pantone 0000)

RAL® a Sherwin Williams®

convierta de RAL®-número (RAL 0000) a Sherwin Williams®-número (SW 0000)

RAL® a NCS®

convierta de RAL®-número (RAL 0000) a NCS-número (S0000-X00X)

nsc-logo

HKS® a RGB

convierta de HKS®-número (HKS 00) a RGB rojo verde azul

HKS® a RGBA

convierta de HKS®-número (HKS 00) a RGB rojo verde azul transparencia

HKS® a CMYK

convierta de HKS®-número (HKS 00) a CMYK cian / magenta / amarillo / negro

Icons

HKS® a HEX

convierta de HKS®-número (HKS 00) a #RRGGBB

HKS® a RAL®

convierta de HKS®-número (HKS 00) a RAL®-número (RAL 0000)

HKS® a PANTONE®

convierta de HKS®-número (HKS 00) a Pantone®-número (Pantone 0000)

HKS® a Sherwin Williams®

convierta de HKS®-número (HKS 00) a Sherwin Williams®-número (SW 0000)

HKS® a NCS®

convierta de HKS®-número (HKS 00) a NCS-número (S0000-X00X)

nsc-logo

PANTONE® a RGB

convierta de Pantone®-número (Pantone 0000) a RGB rojo verde azul

PANTONE® a RGBA

convierta de Pantone®-número (Pantone 0000) a RGB rojo verde azul transparencia

PANTONE® a CMYK

convierta de Pantone®-número (Pantone 0000) a CMYK cian / magenta / amarillo / negro

Icons

PANTONE® a HEX

convierta de Pantone®-número (Pantone 0000) a #RRGGBB

PANTONE® a RAL®

convierta de Pantone®-número (Pantone 0000) a RAL®-número (RAL 0000)

PANTONE® a HKS®

convierta de Pantone®-número (Pantone 0000) a HKS®-número (HKS 00)

PANTONE® a Sherwin Williams®

convierta de Pantone®-número (Pantone 0000) a Sherwin Williams®-número (SW 0000)

PANTONE® a NCS®

convierta de Pantone®-número (Pantone 0000) a NCS-número (S0000-X00X)

nsc-logo

Sherwin Williams® a RGB

convierta de Sherwin Williams®-número (SW 0000) a RGB rojo verde azul

Sherwin Williams® a RGBA

convierta de Sherwin Williams®-número (SW 0000) a RGB rojo verde azul transparencia

Sherwin Williams® a CMYK

convierta de Sherwin Williams®-número (SW 0000) a CMYK cian / magenta / amarillo / negro

Icons

Sherwin Williams® a HEX

convierta de Sherwin Williams®-número (SW 0000) a #RRGGBB

Sherwin Williams® a RAL®

convierta de Sherwin Williams®-número (SW 0000) a RAL®-número (RAL 0000)

Sherwin Williams® a HKS®

convierta de Sherwin Williams®-número (SW 0000) a HKS®-número (HKS 00)

Sherwin Williams® a PANTONE®

convierta de Sherwin Williams®-número (SW 0000) a Pantone®-número (Pantone 0000)

Sherwin Williams® a NCS®

convierta de Sherwin Williams®-número (SW 0000) a NCS-número (S0000-X00X)

nsc-logo

NCS® a RGB

convierta de NCS-número (S0000-X00X) a RGB rojo verde azul

NCS® a RGBA

convierta de NCS-número (S0000-X00X) a RGB rojo verde azul transparencia

NCS® a CMYK

convierta de NCS-número (S0000-X00X) a CMYK cian / magenta / amarillo / negro

Icons

NCS® a HEX

convierta de NCS-número (S0000-X00X) a #RRGGBB

NCS® a RAL®

convierta de NCS-número (S0000-X00X) a RAL®-número (RAL 0000)

NCS® a HKS®

convierta de NCS-número (S0000-X00X) a HKS®-número (HKS 00)

NCS® a PANTONE®

convierta de NCS-número (S0000-X00X) a Pantone®-número (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.