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

CSS Gradientes:
RGB 52 152 219

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 alto comparado con otros, este tono parece ser más claro.

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 52 el rojo, 152 el verde y 219 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.
52 152 219 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 76 ciano, 31 magenta, ninguno amarillo y 14 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.
76% 31% 0% 14% C M Y K



Marcas

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

70% - WorkingPHP
Enlace: http://workingphp.com

35% - Payly • Arriving Sho...
Enlace: http://payly.co

97% - Firesub | Quantifies...
Enlace: https://preview.firesub.com

38% - Remold Labs !
Enlace: http://remold.in

95% - Studio F // 蒼時弦也
Enlace: http://frost.tw

30% - chkli.st
Enlace: http://chkli.st

45% - Wundle Group - We do...
Enlace: http://www.wundle.com

50% - Squidee - Don't ...
Enlace: http://squidee.co

56% - Small Read
Enlace: http://www.getsmallread.com

60% - sorties
Enlace: http://sorties.p.ht

100% - 株式会社Secsoft
Enlace: http://www.secsoft.jp

40% - Технический центр «Е...
Enlace: http://servicevlg.ru

97% - Our Digital Design
Enlace: http://www.ourdesign.com.br

69% - niceb5y web
Enlace: http://niceb5y.net

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

29% - Bootswatch: Free the...
Enlace: http://bootswatch.com

41% - Fitness.de - Fitness...
Enlace: http://www.fitness.de

39% - Noticias, Opiniones ...
Enlace: http://joshuaranda.com

80% - Primeupdate
Enlace: http://primeupdate.com

49% - 久留米親愛女学院短期大学スマホβ
Enlace: http://web-test.tank.jp

47% - 台北數位集團
Enlace: http://www.taipeiads.com

70% - Usertify - Certify y...
Enlace: http://usertify.com

68% - Home
Enlace: http://www.copaflorencianos.com

30% - Instituto Politécnic...
Enlace: http://politecnicoosorno.cl

84% - 登录 - 搜美宅
Enlace: http://www.someizhai.com

44% - OLAP Cube by Hurence
Enlace: http://cube.hurence.net

26% - Website Design in So...
Enlace: http://1webz.com

87% - Transfer iPod to iTu...
Enlace: http://www.copytrans.net

64% - VENDIDO
Enlace: http://vendido.com.co

100% - Trolldor: the global...
Enlace: https://www.trolldor.com

91% - searx
Enlace: http://searx.0x2a.tk

62% - MockUPhone - One Cli...
Enlace: http://mockuphone.com

62% - Infitech
Enlace: http://www.infitech.cr

50% - JA Medicare Demo
Enlace: http://www.joomlart.com

51% - スカイスキャナー(SkyScanner)...
Enlace: http://www.kankeri02.com

59% - rodanandfields
Enlace: http://mommyplayzone.weebly.com

49% - Bucaramanga Metropol...
Enlace: http://mismis.zz.mu

80% - Demo
Enlace: http://10demo.com

100% - Color Template
Enlace: http://www.rocket-design.fr

63% - Wellbeing East Walth...
Enlace: http://www.wellbeingeast.com

60% - 不動産登記の報酬と費用|東京都世田谷区の...
Enlace: http://office-chor.jp

46% - Frenchie Society - F...
Enlace: http://frenchiesociety.com

52% - 涂料解决方案的伙伴|涂料工程师
Enlace: http://www.uskeji.com

87% - - Easy Informática -...
Enlace: http://www.easydv.com.br

33% - Mundo Dofus - Índice
Enlace: http://antranix.cu.cc

65% - Coolaste08 |
Enlace: http://www.work.coolaste08.se

67% - 山形大学生協の[受験生・新入生サポート]...
Enlace: http://newlife.u-coop.or.jp

30% - Androideo
Enlace: http://androideo.com

16% - Rede de Negócios
Enlace: http://rede-negocios.com

31% - Descarga NOVA [Juego...
Enlace: http://androideo.com

67% - الموسم2 - الصفحة الر...
Enlace: http://almawsem.at.ua

72% - DĘBNO WATER SHOW 201...
Enlace: http://www.debnowatershow.pl

100% - Color Template -
Enlace: http://www.rocket-design.fr

56% - Best PSD Freebies - ...
Enlace: http://www.bestpsdfreebies.com

27% - EPARK | MANAGEMENT S...
Enlace: http://epark.c4bi.co.jp

54% - Convertwizard
Enlace: http://convertwizard.com

37% - 공공보건의료사업단
Enlace: http://public-snuh-org.towinpeoples.net

79% - Asti Brasil - Loja V...
Enlace: http://www.astibrasil.com.br

28% - Home – La Blend
Enlace: http://lablend.in

30% - All-in-one branded e...
Enlace: http://pickevent.com

50% - Xena Warrior Princes...
Enlace: http://www.xenaverse.net

64% - foroepilisis.gr - Φο...
Enlace: http://www.foroepilisis.gr

63% - Options Travel - Tra...
Enlace: http://www.optionstravel.com

54% - Cushion - Peace of m...
Enlace: http://cushionapp.com

46% - Frameworx · Bootstra...
Enlace: http://jennperrin.com

91% - Shape Hover Effect w...
Enlace: http://tympanus.net

31% - 关于步骤的搜索-UI中国-专业界面交互设...
Enlace: http://s.ui.cn

41% - Home | Greek House
Enlace: http://greekhouse.org

46% - Luxury Apartments Ba...
Enlace: http://www.beapartment.com

18% - SSD Web Hosting, Res...
Enlace: https://www.wirenine.com

75% - Transportbud.no - Re...
Enlace: http://www.transportbud.no

56% - InvitationToJoin.com
Enlace: http://invitationtojoin.com

98% - Best Electrical Solu...
Enlace: http://quickfixsparkie.nz

63% - Вождение
Enlace: http://www.voa72.ru

41% - HyperCube - Índice
Enlace: http://hypercubepvp.es

18% - MythicalWorld - Mine...
Enlace: http://mythicalworld.su

85% - SMART AUTO SHOP 1.0 ...
Enlace: http://www.s-as.biz

91% - Karpachoff — сервис ...
Enlace: http://school.karpachoff.com

80% - Koinonia Enterprises...
Enlace: http://koinoniaenterprises.com.au

37% - Home - Revista Direc...
Enlace: http://direcionalescolas.com.br

32% - JUGUETES PUPPEN TOYS...
Enlace: http://puppentoys.com

32% - JUGUETES PUPPEN TOYS...
Enlace: http://www.puppentoys.com

35% - 湘南歯科クリニック 新宿院(湘南美容歯科...
Enlace: https://www.shinbi-shika.net

Verificación de su paleta de colores como fabricante.

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

Vámonos

Lineal

HEX #3498DB a HEX #CB6724


Código CSS:

background-image: linear-gradient(135deg, #3498DB 9%, #CB6724 95%);

Radial

HEX #3498DB a HEX #CB6724


Código CSS:

background-image: radial-gradient(circle, #3498DB 2%, #CB6724 91%);

 

HEX #CB6724 a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #CB6724 0%, #3498DB 94%);

 

HEX #CB6724 a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #CB6724 1%, #3498DB 95%);

Lineal

HEX #3498DB a HEX #4AAAE9


Código CSS:

background-image: linear-gradient(135deg, #3498DB 2%, #4AAAE9 100%);

Radial

HEX #3498DB a HEX #4AAAE9


Código CSS:

background-image: radial-gradient(circle, #3498DB 0%, #4AAAE9 89%);

 

HEX #4AAAE9 a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #4AAAE9 13%, #3498DB 86%);

 

HEX #4AAAE9 a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #4AAAE9 9%, #3498DB 93%);

 

HEX #3498DB a HEX #5BBCFC


Código CSS:

background-image: linear-gradient(135deg, #3498DB 0%, #5BBCFC 95%);

 

HEX #3498DB a HEX #5BBCFC


Código CSS:

background-image: radial-gradient(circle, #3498DB 7%, #5BBCFC 95%);

 

HEX #5BBCFC a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #5BBCFC 9%, #3498DB 87%);

 

HEX #5BBCFC a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #5BBCFC 2%, #3498DB 98%);

 

HEX #3498DB a HEX #6CCEFF


Código CSS:

background-image: linear-gradient(135deg, #3498DB 8%, #6CCEFF 93%);

 

HEX #3498DB a HEX #6CCEFF


Código CSS:

background-image: radial-gradient(circle, #3498DB 5%, #6CCEFF 98%);

 

HEX #6CCEFF a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #6CCEFF 4%, #3498DB 95%);

 

HEX #6CCEFF a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #6CCEFF 1%, #3498DB 88%);

 

HEX #3498DB a HEX #7DE0FF


Código CSS:

background-image: linear-gradient(135deg, #3498DB 5%, #7DE0FF 90%);

 

HEX #3498DB a HEX #7DE0FF


Código CSS:

background-image: radial-gradient(circle, #3498DB 12%, #7DE0FF 86%);

 

HEX #7DE0FF a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #7DE0FF 3%, #3498DB 100%);

 

HEX #7DE0FF a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #7DE0FF 13%, #3498DB 86%);

Lineal

HEX #3498DB a HEX #2386C8


Código CSS:

background-image: linear-gradient(135deg, #3498DB 14%, #2386C8 96%);

Radial

HEX #3498DB a HEX #2386C8


Código CSS:

background-image: radial-gradient(circle, #3498DB 11%, #2386C8 93%);

 

HEX #2386C8 a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #2386C8 4%, #3498DB 91%);

 

HEX #2386C8 a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #2386C8 13%, #3498DB 87%);

 

HEX #3498DB a HEX #1274B5


Código CSS:

background-image: linear-gradient(135deg, #3498DB 11%, #1274B5 90%);

 

HEX #3498DB a HEX #1274B5


Código CSS:

background-image: radial-gradient(circle, #3498DB 5%, #1274B5 95%);

 

HEX #1274B5 a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #1274B5 4%, #3498DB 86%);

 

HEX #1274B5 a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #1274B5 6%, #3498DB 86%);

 

HEX #3498DB a HEX #0162A2


Código CSS:

background-image: linear-gradient(135deg, #3498DB 10%, #0162A2 93%);

 

HEX #3498DB a HEX #0162A2


Código CSS:

background-image: radial-gradient(circle, #3498DB 0%, #0162A2 86%);

 

HEX #0162A2 a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #0162A2 14%, #3498DB 90%);

 

HEX #0162A2 a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #0162A2 13%, #3498DB 90%);

 

HEX #3498DB a HEX #00508F


Código CSS:

background-image: linear-gradient(135deg, #3498DB 2%, #00508F 86%);

 

HEX #3498DB a HEX #00508F


Código CSS:

background-image: radial-gradient(circle, #3498DB 6%, #00508F 95%);

 

HEX #00508F a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #00508F 12%, #3498DB 100%);

 

HEX #00508F a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #00508F 8%, #3498DB 96%);

Lineal

HEX #3498DB a HEX #337BDB


Código CSS:

background-image: linear-gradient(135deg, #3498DB 6%, #337BDB 99%);

Radial

HEX #3498DB a HEX #337BDB


Código CSS:

background-image: radial-gradient(circle, #3498DB 12%, #337BDB 96%);

 

HEX #337BDB a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #337BDB 12%, #3498DB 87%);

 

HEX #337BDB a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #337BDB 7%, #3498DB 88%);

 

HEX #3498DB a HEX #335FDB


Código CSS:

background-image: linear-gradient(135deg, #3498DB 5%, #335FDB 87%);

 

HEX #3498DB a HEX #335FDB


Código CSS:

background-image: radial-gradient(circle, #3498DB 14%, #335FDB 99%);

 

HEX #335FDB a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #335FDB 11%, #3498DB 95%);

 

HEX #335FDB a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #335FDB 1%, #3498DB 87%);

 

HEX #3498DB a HEX #3344DB


Código CSS:

background-image: linear-gradient(135deg, #3498DB 5%, #3344DB 91%);

 

HEX #3498DB a HEX #3344DB


Código CSS:

background-image: radial-gradient(circle, #3498DB 12%, #3344DB 88%);

 

HEX #3344DB a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #3344DB 8%, #3498DB 98%);

 

HEX #3344DB a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #3344DB 3%, #3498DB 100%);

 

HEX #3498DB a HEX #3E33DB


Código CSS:

background-image: linear-gradient(135deg, #3498DB 9%, #3E33DB 97%);

 

HEX #3498DB a HEX #3E33DB


Código CSS:

background-image: radial-gradient(circle, #3498DB 4%, #3E33DB 96%);

 

HEX #3E33DB a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #3E33DB 11%, #3498DB 87%);

 

HEX #3E33DB a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #3E33DB 14%, #3498DB 93%);

Lineal

HEX #3498DB a HEX #040A0F


Código CSS:

background-image: linear-gradient(135deg, #3498DB 1%, #040A0F 93%);

Radial

HEX #3498DB a HEX #040A0F


Código CSS:

background-image: radial-gradient(circle, #3498DB 12%, #040A0F 87%);

 

HEX #040A0F a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #040A0F 13%, #3498DB 86%);

 

HEX #040A0F a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #040A0F 3%, #3498DB 94%);

 

HEX #3498DB a HEX #102E42


Código CSS:

background-image: linear-gradient(135deg, #3498DB 1%, #102E42 97%);

 

HEX #3498DB a HEX #102E42


Código CSS:

background-image: radial-gradient(circle, #3498DB 3%, #102E42 92%);

 

HEX #102E42 a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #102E42 4%, #3498DB 92%);

 

HEX #102E42 a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #102E42 6%, #3498DB 90%);

 

HEX #3498DB a HEX #1C5175


Código CSS:

background-image: linear-gradient(135deg, #3498DB 10%, #1C5175 90%);

 

HEX #3498DB a HEX #1C5175


Código CSS:

background-image: radial-gradient(circle, #3498DB 12%, #1C5175 98%);

 

HEX #1C5175 a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #1C5175 0%, #3498DB 100%);

 

HEX #1C5175 a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #1C5175 3%, #3498DB 86%);

 

HEX #3498DB a HEX #2875A8


Código CSS:

background-image: linear-gradient(135deg, #3498DB 0%, #2875A8 88%);

 

HEX #3498DB a HEX #2875A8


Código CSS:

background-image: radial-gradient(circle, #3498DB 11%, #2875A8 88%);

 

HEX #2875A8 a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #2875A8 10%, #3498DB 92%);

 

HEX #2875A8 a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #2875A8 11%, #3498DB 89%);

Lineal

HEX #3498DB a HEX #9733DB


Código CSS:

background-image: linear-gradient(135deg, #3498DB 13%, #9733DB 92%);

Radial

HEX #3498DB a HEX #9733DB


Código CSS:

background-image: radial-gradient(circle, #3498DB 12%, #9733DB 95%);

 

HEX #9733DB a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #9733DB 1%, #3498DB 98%);

 

HEX #9733DB a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #9733DB 0%, #3498DB 92%);

 

HEX #3498DB a HEX #DBDB33


Código CSS:

background-image: linear-gradient(135deg, #3498DB 12%, #DBDB33 86%);

 

HEX #3498DB a HEX #DBDB33


Código CSS:

background-image: radial-gradient(circle, #3498DB 1%, #DBDB33 89%);

 

HEX #DBDB33 a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #DBDB33 3%, #3498DB 92%);

 

HEX #DBDB33 a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #DBDB33 13%, #3498DB 100%);

Lineal

HEX #3498DB a HEX #DB3397


Código CSS:

background-image: linear-gradient(135deg, #3498DB 3%, #DB3397 89%);

Radial

HEX #3498DB a HEX #DB3397


Código CSS:

background-image: radial-gradient(circle, #3498DB 12%, #DB3397 96%);

 

HEX #DB3397 a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #DB3397 4%, #3498DB 88%);

 

HEX #DB3397 a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #DB3397 14%, #3498DB 92%);

 

HEX #3498DB a HEX #97DB33


Código CSS:

background-image: linear-gradient(135deg, #3498DB 12%, #97DB33 97%);

 

HEX #3498DB a HEX #97DB33


Código CSS:

background-image: radial-gradient(circle, #3498DB 7%, #97DB33 91%);

 

HEX #97DB33 a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #97DB33 4%, #3498DB 86%);

 

HEX #97DB33 a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #97DB33 4%, #3498DB 96%);

Lineal

HEX #3498DB a HEX #9733DB


Código CSS:

background-image: linear-gradient(135deg, #3498DB 7%, #9733DB 91%);

Radial

HEX #3498DB a HEX #9733DB


Código CSS:

background-image: radial-gradient(circle, #3498DB 6%, #9733DB 87%);

 

HEX #9733DB a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #9733DB 11%, #3498DB 98%);

 

HEX #9733DB a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #9733DB 13%, #3498DB 94%);

 

HEX #3498DB a HEX #DB7633


Código CSS:

background-image: linear-gradient(135deg, #3498DB 4%, #DB7633 97%);

 

HEX #3498DB a HEX #DB7633


Código CSS:

background-image: radial-gradient(circle, #3498DB 2%, #DB7633 91%);

 

HEX #DB7633 a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #DB7633 12%, #3498DB 97%);

 

HEX #DB7633 a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #DB7633 8%, #3498DB 90%);

 

HEX #3498DB a HEX #76DB33


Código CSS:

background-image: linear-gradient(135deg, #3498DB 4%, #76DB33 88%);

 

HEX #3498DB a HEX #76DB33


Código CSS:

background-image: radial-gradient(circle, #3498DB 2%, #76DB33 86%);

 

HEX #76DB33 a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #76DB33 3%, #3498DB 89%);

 

HEX #76DB33 a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #76DB33 8%, #3498DB 93%);

Lineal

HEX #3498DB a HEX #CA33DB


Código CSS:

background-image: linear-gradient(135deg, #3498DB 14%, #CA33DB 91%);

Radial

HEX #3498DB a HEX #CA33DB


Código CSS:

background-image: radial-gradient(circle, #3498DB 11%, #CA33DB 98%);

 

HEX #CA33DB a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #CA33DB 7%, #3498DB 94%);

 

HEX #CA33DB a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #CA33DB 4%, #3498DB 95%);

 

HEX #3498DB a HEX #DB7633


Código CSS:

background-image: linear-gradient(135deg, #3498DB 8%, #DB7633 98%);

 

HEX #3498DB a HEX #DB7633


Código CSS:

background-image: radial-gradient(circle, #3498DB 10%, #DB7633 98%);

 

HEX #DB7633 a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #DB7633 2%, #3498DB 94%);

 

HEX #DB7633 a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #DB7633 7%, #3498DB 99%);

 

HEX #3498DB a HEX #44DB33


Código CSS:

background-image: linear-gradient(135deg, #3498DB 4%, #44DB33 93%);

 

HEX #3498DB a HEX #44DB33


Código CSS:

background-image: radial-gradient(circle, #3498DB 11%, #44DB33 91%);

 

HEX #44DB33 a HEX #3498DB


Código CSS:

background-image: linear-gradient(135deg, #44DB33 5%, #3498DB 99%);

 

HEX #44DB33 a HEX #3498DB


Código CSS:

background-image: radial-gradient(circle, #44DB33 7%, #3498DB 97%);

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.