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

CSS 梯度:
CMYK 0 / 60 / 100 / 0

信息

全部关闭



查找线性和径向色彩过渡示例。

网页设计简单:复制 CSS 代码,即可轻松集成到网站上。



从 浅色 中找到线性和径向色彩过渡的示例。

网页设计简单:复制 CSS 代码,即可轻松集成到您的网站上。



从 深色 中查找线性和径向色彩过渡的示例。

网页设计简单:复制 CSS 代码,即可轻松集成到您的网站上。

显示选项

说明

红色明显占优势:红色值明显高于绿色和蓝色。 明亮的色彩:高色值给人明亮的印象。

RGB 色彩系统中的色彩细分:在这一色调中,在 255 个最大色彩成分中,每个 255 红色 102 绿色和 无 这些颜色的混合比例产生了重叠中间显示的色调。

在插图中,您可以看到颜色是如何由红色(顶部)、绿色(右下角)和蓝色(左下角)三部分组成的。由此产生的颜色可以在中间看到。
255 102 0 R G B
在 CMYK 颜色系统中,颜色的构成如下:在这种色调中,在 100 个最大颜色成分中 无 赛恩 60 品红色 100 黄色和 无 这些颜色的混合比例产生了重叠中间显示的色调。

在插图中,您可以看到颜色是如何由青色(左上角)、洋红色(右上角)、黄色(右下角)和黑色或关键色(左下角)四种成分组成的。由此产生的颜色可以在中间看到。
0% 60% 100% 0% C M Y K



品牌

至少有一家公司使用这种颜色。在这里您可以看到是哪一家:

95% - Hacker News
链接: https://news.ycombinator.com

82% - TVNET :: Ievērojamas...
链接: http://www.tvnet.lv

81% - Hacker News
链接: http://www.premii.com/hn

87% - HackerWeb
链接: http://cheeaun.github.io

88% - NEVERSAW.US
链接: http://neversaw.us

81% - Martin Dobrev | Web ...
链接: http://www.dobreff.net

46% - Blackpool FC fans po...
链接: http://seasiderspodcast.co.uk

68% - Thomas L’Excellent
链接: http://book.thomaslexcellent.com

81% - Hacker News
链接: http://premii.com

30% - Addison Hall Design ...
链接: http://addisonhalldesign.com

30% - Fotoboek - Fotokalen...
链接: http://www.albelli.nl

100% - Welcom to Shree Sidh...
链接: http://sidhdham.co.in

45% - Сайт Иванова Ю.К.
链接: http://expsys.ru

45% - mama58.ru - Сайт для...
链接: http://mama58.ru

36% - ジョッガ|jogga|映像と文章の作家事...
链接: http://jogga.jp

53% - Say More With Video ...
链接: http://saymorewithvideo.com

47% - Fortschritt bewahren...
链接: http://fortschritt-bewahren.de

22% - Christa Kasehs :: Ho...
链接: http://www.christakasehs.at

63% - GARBAGE
链接: http://www.samwisegamgee69.byethost18.com

75% - Novem Blog
链接: http://no9vem.blog.fc2.com

68% - Cute.Search | Kyushu...
链接: http://kyushu.summon.serialssolutions.com

47% - K1VRA Home Page
链接: http://k1vra.com

54% - ROC - Global SAP HCM...
链接: http://www.roc-group.pl

42% - Gigabyte Gurus | Wel...
链接: http://www.gigabytegurus.com

39% - Peterboro Tool Co., ...
链接: http://www.ptool.com

67% - Junk66 Productions
链接: http://www.junk66.com

82% - Yoann Lagarde
链接: http://www.yoannlagarde.fr

64% - Observer
链接: http://observer.com

67% - Junk66 Productions
链接: http://junk66.com

36% - Cumula: de optelsom ...
链接: http://www.cumula.nl

52% - Effecta Learning - K...
链接: http://www.effecta.nl

50% - Colegio Particular E...
链接: http://moodle.copol.edu.ec

81% - Hacker News
链接: http://hn.premii.com

27% - Applications multi-u...
链接: http://www.lucca.fr

64% - Beacons
链接: http://beacons.herokuapp.com

44% - Welcome to mm-d.net
链接: http://www.mm-d.net

81% - Vemma Nutrition Comp...
链接: http://www.vemma.com

45% - [4h] D E S ! G N . N...
链接: http://www.nickyeh.com

49% - Curcio e Filhos Mate...
链接: http://www.curcioefilhos.com.br

97% - Face4you: Create you...
链接: http://www.face4you.net

94% - Argent Web Reporting...
链接: https://awr.telstra.com

64% - Últimas Noticias - Q...
链接: http://www.quadratin.com.mx

78% - Portal del Cliente d...
链接: http://www.manchatel.es

75% - Kajetandziedzic
链接: http://kajetandziedzic.za.pl

61% - www.synlab.org.cn | ...
链接: http://www.synlab.org.cn

35% - NARANJADIGITAL
链接: http://naranjadigital.cl

45% - Vagas rio RJ,Emprego...
链接: http://vagasriorj.blogspot.com.br

82% - img_flag.gif (200x13...
链接: http://www.albirex.co.jp

60% - Coaching Vallès
链接: http://coachingvalles.com

84% - claudia in bytes: Fl...
链接: http://claudiainbytes.com

49% - claudia in bytes: Fl...
链接: http://flavors.me

36% - Weborient
链接: http://www.weborient.hu

71% - MacGeneration | Tout...
链接: http://www.macg.co

41% - CS BEAVER
链接: http://www.csbeaver.com

71% - Wap.WildMob.ru Скача...
链接: http://wap.wildmob.ru

70% - Home - Pons Creative...
链接: http://ponscreative.com

39% - Bluleadz Inbound Mar...
链接: http://www.bluleadz.com

96% - Home | ING
链接: http://www.ing.com

60% - 山中眼科クリニック[神戸市東灘区住吉本町...
链接: http://www.doc-yamanakas-ec.com

42% - Sampression Lite
链接: http://demo.sampression.com

43% - 東所沢の整形外科・リハビリテーション・脊...
链接: http://www.kanja.jp

40% - Home Page | TaxSpeak...
链接: http://www.taxspeaker.com

71% - TechMaster Telecom –...
链接: http://www.techmastertelecom.com

44% - Cleaners in Warringt...
链接: http://www.cleaners-warrington.co.uk

55% - Child Safety and Loc...
链接: http://www.mybuddytag.com

70% - Bisnow Commercial Re...
链接: https://www.bisnow.com

43% - Destacamos | UTEM
链接: http://www.utem.cl

36% - Home - Action Jobs
链接: http://www.action.jobs

37% - Arwood's - Misso...
链接: http://www.arwoodsfurniture.com

16% - 中国平安保险(集团)股份有限公司 - 保...
链接: http://www.pingan.com

41% - 名片设计_名片在线设计制作_名片免费设计...
链接: http://www.yifutu.com

87% - Orange Press: Home
链接: http://www.orange-press.com

56% - 金色家园首页_金色家园官网
链接: http://gw.jyall.com

93% - The Hermès corporate...
链接: http://lesailes.hermes.com

65% - Ignição Digital | Co...
链接: http://www.ignicaodigital.com.br

74% - アイルランドの国旗 | 世界の国旗
链接: http://www.abysse.co.jp

34% - エクスウェア株式会社:クラウドを喰らうど...
链接: http://www.xware.co.jp

84% - ING DIRECT - Persona...
链接: http://ingdirect.com.au

81% - eAnuncios.com - Anun...
链接: https://www.eanuncios.com

37% - Administrador de fin...
链接: http://www.boomynavarro.com

74% - Alibaba Group
链接: http://www.alibabagroup.com

40% - Fantastic Cleaners M...
链接: http://www.fantasticcleanersmelbourne.com.au

44% - Expert Oven Cleaning...
链接: http://www.fantasticovencleanersmelbourne.com.au

92% - Orange
链接: http://id.orange.fr

38% - Truper® - Es mucha h...
链接: https://www.truper.com.mx

38% - Truper® - Es mucha h...
链接: https://www.truper.com

49% - Reserva vuelos barat...
链接: http://www.easyjet.com

85% - Ihr Partner für Web ...
链接: http://www.unleashed-design.de

68% - Jbl
链接: http://JBL.com

100% - Hermes
链接: http://www.hermes.com

27% - 3 Wathosen die ich e...
链接: http://wathose-test.com

88% - Home - Bonici Claudi...
链接: http://www.boniciclaudio.it

77% - Muebles baratos onli...
链接: http://www.flatpack.es

79% - IDEALO – die Nr. 1 i...
链接: http://www.idealo.de

54% - Awesome Fontstacks
链接: http://awesome-fontstacks.com

73% - PSMóviles
链接: http://psmoviles.es

44% - Response
链接: http://response.FR

86% - Intelligent Automati...
链接: http://www.cortex.co.uk

57% - 陽南幼稚園・陽南第二幼稚園|栃木県宇都宮...
链接: http://www.younan-kg.ed.jp

49% - Farrow & Ball | ...
链接: http://diy.com

45% - KTM motociklai ir ak...
链接: http://ktm-moto.lt

53% - 404 Error - Not Foun...
链接: http://nana-k.cheap.jp

59% - Media Displays - Adv...
链接: http://mediadisplays.tv

39% - Portal Adesões | Ata...
链接: http://www.portaladesoes.com.br

23% - Home
链接: http://www.usedcaradvertiser.co.uk

58% - ALQUILER PARKING CEN...
链接: http://www.santaperpetua.cat

44% - CDB Financial Servic...
链接: http://www.cdbfinancialservices.com.au

36% - 株式会社SIG
链接: https://www.sig-c.co.jp

验证您作为制造商的调色板!

为设计师和代理商提供精确的色值。

我们走

线性

HEX #FF6600 至 HEX #0099FF


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 12%, #0099FF 89%);

径向

HEX #FF6600 至 HEX #0099FF


CSS 代码:

background-image: radial-gradient(circle, #FF6600 7%, #0099FF 89%);

 

HEX #0099FF 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #0099FF 3%, #FF6600 88%);

 

HEX #0099FF 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #0099FF 9%, #FF6600 94%);

线性

HEX #FF6600 至 HEX #FF2200


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 11%, #FF2200 87%);

径向

HEX #FF6600 至 HEX #FF2200


CSS 代码:

background-image: radial-gradient(circle, #FF6600 13%, #FF2200 90%);

 

HEX #FF2200 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #FF2200 2%, #FF6600 86%);

 

HEX #FF2200 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #FF2200 3%, #FF6600 88%);

 

HEX #FF6600 至 HEX #FFAA00


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 4%, #FFAA00 96%);

 

HEX #FF6600 至 HEX #FFAA00


CSS 代码:

background-image: radial-gradient(circle, #FF6600 9%, #FFAA00 98%);

 

HEX #FFAA00 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #FFAA00 7%, #FF6600 86%);

 

HEX #FFAA00 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #FFAA00 9%, #FF6600 96%);

 

HEX #FF6600 至 HEX #FFEE00


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 1%, #FFEE00 95%);

 

HEX #FF6600 至 HEX #FFEE00


CSS 代码:

background-image: radial-gradient(circle, #FF6600 14%, #FFEE00 93%);

 

HEX #FFEE00 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #FFEE00 0%, #FF6600 87%);

 

HEX #FFEE00 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #FFEE00 3%, #FF6600 95%);

线性

HEX #FF6600 至 HEX #D65500


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 9%, #D65500 88%);

径向

HEX #FF6600 至 HEX #D65500


CSS 代码:

background-image: radial-gradient(circle, #FF6600 3%, #D65500 97%);

 

HEX #D65500 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #D65500 6%, #FF6600 98%);

 

HEX #D65500 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #D65500 0%, #FF6600 92%);

 

HEX #FF6600 至 HEX #FF7F29


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 12%, #FF7F29 95%);

 

HEX #FF6600 至 HEX #FF7F29


CSS 代码:

background-image: radial-gradient(circle, #FF6600 0%, #FF7F29 92%);

 

HEX #FF7F29 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #FF7F29 1%, #FF6600 99%);

 

HEX #FF7F29 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #FF7F29 13%, #FF6600 97%);

 

HEX #FF6600 至 HEX #FF9853


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 6%, #FF9853 94%);

 

HEX #FF6600 至 HEX #FF9853


CSS 代码:

background-image: radial-gradient(circle, #FF6600 13%, #FF9853 99%);

 

HEX #FF9853 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #FF9853 6%, #FF6600 89%);

 

HEX #FF9853 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #FF9853 2%, #FF6600 93%);

线性

HEX #FF6600 至 HEX #FF2200


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 0%, #FF2200 100%);

径向

HEX #FF6600 至 HEX #FF2200


CSS 代码:

background-image: radial-gradient(circle, #FF6600 4%, #FF2200 100%);

 

HEX #FF2200 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #FF2200 13%, #FF6600 92%);

 

HEX #FF2200 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #FF2200 14%, #FF6600 88%);

 

HEX #FF6600 至 HEX #FFAA00


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 14%, #FFAA00 94%);

 

HEX #FF6600 至 HEX #FFAA00


CSS 代码:

background-image: radial-gradient(circle, #FF6600 1%, #FFAA00 95%);

 

HEX #FFAA00 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #FFAA00 7%, #FF6600 95%);

 

HEX #FFAA00 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #FFAA00 7%, #FF6600 89%);

 

HEX #FF6600 至 HEX #FFEE00


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 7%, #FFEE00 93%);

 

HEX #FF6600 至 HEX #FFEE00


CSS 代码:

background-image: radial-gradient(circle, #FF6600 3%, #FFEE00 97%);

 

HEX #FFEE00 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #FFEE00 0%, #FF6600 87%);

 

HEX #FFEE00 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #FFEE00 11%, #FF6600 95%);

线性

HEX #FF6600 至 HEX #D65500


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 4%, #D65500 94%);

径向

HEX #FF6600 至 HEX #D65500


CSS 代码:

background-image: radial-gradient(circle, #FF6600 14%, #D65500 96%);

 

HEX #D65500 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #D65500 4%, #FF6600 87%);

 

HEX #D65500 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #D65500 10%, #FF6600 90%);

 

HEX #FF6600 至 HEX #FF7F29


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 8%, #FF7F29 87%);

 

HEX #FF6600 至 HEX #FF7F29


CSS 代码:

background-image: radial-gradient(circle, #FF6600 11%, #FF7F29 92%);

 

HEX #FF7F29 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #FF7F29 0%, #FF6600 97%);

 

HEX #FF7F29 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #FF7F29 5%, #FF6600 92%);

 

HEX #FF6600 至 HEX #FF9853


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 8%, #FF9853 91%);

 

HEX #FF6600 至 HEX #FF9853


CSS 代码:

background-image: radial-gradient(circle, #FF6600 1%, #FF9853 97%);

 

HEX #FF9853 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #FF9853 6%, #FF6600 94%);

 

HEX #FF9853 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #FF9853 8%, #FF6600 95%);

线性

HEX #FF6600 至 HEX #66FF00


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 1%, #66FF00 91%);

径向

HEX #FF6600 至 HEX #66FF00


CSS 代码:

background-image: radial-gradient(circle, #FF6600 5%, #66FF00 100%);

 

HEX #66FF00 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #66FF00 2%, #FF6600 88%);

 

HEX #66FF00 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #66FF00 10%, #FF6600 89%);

 

HEX #FF6600 至 HEX #0000FF


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 7%, #0000FF 95%);

 

HEX #FF6600 至 HEX #0000FF


CSS 代码:

background-image: radial-gradient(circle, #FF6600 4%, #0000FF 97%);

 

HEX #0000FF 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #0000FF 14%, #FF6600 90%);

 

HEX #0000FF 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #0000FF 9%, #FF6600 88%);

线性

HEX #FF6600 至 HEX #00FF66


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 11%, #00FF66 97%);

径向

HEX #FF6600 至 HEX #00FF66


CSS 代码:

background-image: radial-gradient(circle, #FF6600 6%, #00FF66 90%);

 

HEX #00FF66 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #00FF66 9%, #FF6600 95%);

 

HEX #00FF66 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #00FF66 0%, #FF6600 88%);

 

HEX #FF6600 至 HEX #6600FF


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 12%, #6600FF 89%);

 

HEX #FF6600 至 HEX #6600FF


CSS 代码:

background-image: radial-gradient(circle, #FF6600 9%, #6600FF 99%);

 

HEX #6600FF 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #6600FF 10%, #FF6600 94%);

 

HEX #6600FF 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #6600FF 13%, #FF6600 100%);

线性

HEX #FF6600 至 HEX #66FF00


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 3%, #66FF00 98%);

径向

HEX #FF6600 至 HEX #66FF00


CSS 代码:

background-image: radial-gradient(circle, #FF6600 1%, #66FF00 91%);

 

HEX #66FF00 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #66FF00 2%, #FF6600 90%);

 

HEX #66FF00 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #66FF00 13%, #FF6600 87%);

 

HEX #FF6600 至 HEX #0099FF


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 5%, #0099FF 89%);

 

HEX #FF6600 至 HEX #0099FF


CSS 代码:

background-image: radial-gradient(circle, #FF6600 11%, #0099FF 91%);

 

HEX #0099FF 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #0099FF 7%, #FF6600 92%);

 

HEX #0099FF 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #0099FF 3%, #FF6600 88%);

 

HEX #FF6600 至 HEX #9900FF


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 2%, #9900FF 100%);

 

HEX #FF6600 至 HEX #9900FF


CSS 代码:

background-image: radial-gradient(circle, #FF6600 13%, #9900FF 98%);

 

HEX #9900FF 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #9900FF 2%, #FF6600 98%);

 

HEX #9900FF 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #9900FF 13%, #FF6600 93%);

线性

HEX #FF6600 至 HEX #1AFF00


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 7%, #1AFF00 99%);

径向

HEX #FF6600 至 HEX #1AFF00


CSS 代码:

background-image: radial-gradient(circle, #FF6600 13%, #1AFF00 98%);

 

HEX #1AFF00 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #1AFF00 6%, #FF6600 100%);

 

HEX #1AFF00 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #1AFF00 1%, #FF6600 92%);

 

HEX #FF6600 至 HEX #0099FF


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 12%, #0099FF 95%);

 

HEX #FF6600 至 HEX #0099FF


CSS 代码:

background-image: radial-gradient(circle, #FF6600 8%, #0099FF 88%);

 

HEX #0099FF 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #0099FF 10%, #FF6600 89%);

 

HEX #0099FF 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #0099FF 13%, #FF6600 98%);

 

HEX #FF6600 至 HEX #E600FF


CSS 代码:

background-image: linear-gradient(135deg, #FF6600 5%, #E600FF 97%);

 

HEX #FF6600 至 HEX #E600FF


CSS 代码:

background-image: radial-gradient(circle, #FF6600 1%, #E600FF 96%);

 

HEX #E600FF 至 HEX #FF6600


CSS 代码:

background-image: linear-gradient(135deg, #E600FF 2%, #FF6600 96%);

 

HEX #E600FF 至 HEX #FF6600


CSS 代码:

background-image: radial-gradient(circle, #E600FF 4%, #FF6600 100%);

显示更多调色板

服务

颜色

灰度 于 六角

转换自 RGB 红绿蓝 至 #RRGGBB

灰度 于 CMYK

转换自 RGB 红绿蓝 至 CMYK 青色/洋红/黄色/阶调

Icons

灰度 于 额定功率®

转换自 RGB 红绿蓝 至 RAL® 编号(RAL 0000)

灰度 于 HKS®

转换自 RGB 红绿蓝 至 HKS® 编号 (HKS 00)

灰度 于 泛美®

转换自 RGB 红绿蓝 至 Pantone® 数字(Pantone 0000)

灰度 于 谢尔温-威廉姆斯®

转换自 RGB 红绿蓝 至 Sherwin Williams® 编号 (SW 0000)

灰度 于 NCS®

转换自 RGB 红绿蓝 至 NCS 编号(S0000-X00X)

nsc-logo

RGBA 于 六角

转换自 RGBA 红绿蓝透明度 至 #RRGGBB

RGBA 于 CMYK

转换自 RGBA 红绿蓝透明度 至 CMYK 青色/洋红/黄色/阶调

Icons

RGBA 于 额定功率®

转换自 RGBA 红绿蓝透明度 至 RAL® 编号(RAL 0000)

RGBA 于 HKS®

转换自 RGBA 红绿蓝透明度 至 HKS® 编号 (HKS 00)

RGBA 于 泛美®

转换自 RGBA 红绿蓝透明度 至 Pantone® 数字(Pantone 0000)

RGBA 于 谢尔温-威廉姆斯®

转换自 RGBA 红绿蓝透明度 至 Sherwin Williams® 编号 (SW 0000)

RGBA 于 NCS®

转换自 RGBA 红绿蓝透明度 至 NCS 编号(S0000-X00X)

nsc-logo

CMYK 于 六角

转换自 CMYK 青色/洋红/黄色/阶调 至 #RRGGBB

CMYK 于 灰度

转换自 CMYK 青色/洋红/黄色/阶调 至 RGB 红绿蓝

CMYK 于 RGBA

转换自 CMYK 青色/洋红/黄色/阶调 至 RGBA 红绿蓝透明度

CMYK 于 额定功率®

转换自 CMYK 青色/洋红/黄色/阶调 至 RAL® 编号(RAL 0000)

CMYK 于 HKS®

转换自 CMYK 青色/洋红/黄色/阶调 至 HKS® 编号 (HKS 00)

CMYK 于 泛美®

转换自 CMYK 青色/洋红/黄色/阶调 至 Pantone® 数字(Pantone 0000)

CMYK 于 谢尔温-威廉姆斯®

转换自 CMYK 青色/洋红/黄色/阶调 至 Sherwin Williams® 编号 (SW 0000)

CMYK 于 NCS®

转换自 CMYK 青色/洋红/黄色/阶调 至 NCS 编号(S0000-X00X)

nsc-logo

六角 于 灰度

转换自 #RRGGBB 至 RGB 红绿蓝

六角 于 RGBA

转换自 #RRGGBB 至 RGBA 红绿蓝透明度

六角 于 CMYK

转换自 #RRGGBB 至 CMYK 青色/洋红/黄色/阶调

Icons

六角 于 额定功率®

转换自 #RRGGBB 至 RAL® 编号(RAL 0000)

六角 于 HKS®

转换自 #RRGGBB 至 HKS® 编号 (HKS 00)

六角 于 泛美®

转换自 #RRGGBB 至 Pantone® 数字(Pantone 0000)

六角 于 谢尔温-威廉姆斯®

转换自 #RRGGBB 至 Sherwin Williams® 编号 (SW 0000)

六角 于 NCS®

转换自 #RRGGBB 至 NCS 编号(S0000-X00X)

nsc-logo

额定功率® 于 灰度

转换自 RAL® 编号(RAL 0000) 至 RGB 红绿蓝

额定功率® 于 RGBA

转换自 RAL® 编号(RAL 0000) 至 RGBA 红绿蓝透明度

额定功率® 于 CMYK

转换自 RAL® 编号(RAL 0000) 至 CMYK 青色/洋红/黄色/阶调

Icons

额定功率® 于 六角

转换自 RAL® 编号(RAL 0000) 至 #RRGGBB

额定功率® 于 HKS®

转换自 RAL® 编号(RAL 0000) 至 HKS® 编号 (HKS 00)

额定功率® 于 泛美®

转换自 RAL® 编号(RAL 0000) 至 Pantone® 数字(Pantone 0000)

额定功率® 于 谢尔温-威廉姆斯®

转换自 RAL® 编号(RAL 0000) 至 Sherwin Williams® 编号 (SW 0000)

额定功率® 于 NCS®

转换自 RAL® 编号(RAL 0000) 至 NCS 编号(S0000-X00X)

nsc-logo

HKS® 于 灰度

转换自 HKS® 编号 (HKS 00) 至 RGB 红绿蓝

HKS® 于 RGBA

转换自 HKS® 编号 (HKS 00) 至 RGBA 红绿蓝透明度

HKS® 于 CMYK

转换自 HKS® 编号 (HKS 00) 至 CMYK 青色/洋红/黄色/阶调

Icons

HKS® 于 六角

转换自 HKS® 编号 (HKS 00) 至 #RRGGBB

HKS® 于 额定功率®

转换自 HKS® 编号 (HKS 00) 至 RAL® 编号(RAL 0000)

HKS® 于 泛美®

转换自 HKS® 编号 (HKS 00) 至 Pantone® 数字(Pantone 0000)

HKS® 于 谢尔温-威廉姆斯®

转换自 HKS® 编号 (HKS 00) 至 Sherwin Williams® 编号 (SW 0000)

HKS® 于 NCS®

转换自 HKS® 编号 (HKS 00) 至 NCS 编号(S0000-X00X)

nsc-logo

泛美® 于 灰度

转换自 Pantone® 数字(Pantone 0000) 至 RGB 红绿蓝

泛美® 于 RGBA

转换自 Pantone® 数字(Pantone 0000) 至 RGBA 红绿蓝透明度

泛美® 于 CMYK

转换自 Pantone® 数字(Pantone 0000) 至 CMYK 青色/洋红/黄色/阶调

Icons

泛美® 于 六角

转换自 Pantone® 数字(Pantone 0000) 至 #RRGGBB

泛美® 于 额定功率®

转换自 Pantone® 数字(Pantone 0000) 至 RAL® 编号(RAL 0000)

泛美® 于 HKS®

转换自 Pantone® 数字(Pantone 0000) 至 HKS® 编号 (HKS 00)

泛美® 于 谢尔温-威廉姆斯®

转换自 Pantone® 数字(Pantone 0000) 至 Sherwin Williams® 编号 (SW 0000)

泛美® 于 NCS®

转换自 Pantone® 数字(Pantone 0000) 至 NCS 编号(S0000-X00X)

nsc-logo

谢尔温-威廉姆斯® 于 灰度

转换自 Sherwin Williams® 编号 (SW 0000) 至 RGB 红绿蓝

谢尔温-威廉姆斯® 于 RGBA

转换自 Sherwin Williams® 编号 (SW 0000) 至 RGBA 红绿蓝透明度

谢尔温-威廉姆斯® 于 CMYK

转换自 Sherwin Williams® 编号 (SW 0000) 至 CMYK 青色/洋红/黄色/阶调

Icons

谢尔温-威廉姆斯® 于 六角

转换自 Sherwin Williams® 编号 (SW 0000) 至 #RRGGBB

谢尔温-威廉姆斯® 于 额定功率®

转换自 Sherwin Williams® 编号 (SW 0000) 至 RAL® 编号(RAL 0000)

谢尔温-威廉姆斯® 于 HKS®

转换自 Sherwin Williams® 编号 (SW 0000) 至 HKS® 编号 (HKS 00)

谢尔温-威廉姆斯® 于 泛美®

转换自 Sherwin Williams® 编号 (SW 0000) 至 Pantone® 数字(Pantone 0000)

谢尔温-威廉姆斯® 于 NCS®

转换自 Sherwin Williams® 编号 (SW 0000) 至 NCS 编号(S0000-X00X)

nsc-logo

NCS® 于 灰度

转换自 NCS 编号(S0000-X00X) 至 RGB 红绿蓝

NCS® 于 RGBA

转换自 NCS 编号(S0000-X00X) 至 RGBA 红绿蓝透明度

NCS® 于 CMYK

转换自 NCS 编号(S0000-X00X) 至 CMYK 青色/洋红/黄色/阶调

Icons

NCS® 于 六角

转换自 NCS 编号(S0000-X00X) 至 #RRGGBB

NCS® 于 额定功率®

转换自 NCS 编号(S0000-X00X) 至 RAL® 编号(RAL 0000)

NCS® 于 HKS®

转换自 NCS 编号(S0000-X00X) 至 HKS® 编号 (HKS 00)

NCS® 于 泛美®

转换自 NCS 编号(S0000-X00X) 至 Pantone® 数字(Pantone 0000)

您必须登录后才能保存调色板。

登录您的账户

创建账户

分享当前的调色板
是公开的还是私人的?
分享后会有链接。

取消 分享

共享调色板
请复制并保存所需的链接。

分享

好的,我复制了链接

您的颜色会保存在一个新的调色板中。
在您的个人档案中查看它们。
您可以进一步自定义并共享它们。

显示调色板
关闭

创建调色板

下载以各种格式下载

全部删除

点击 可以创建调色板并下载 色板。