现在是优惠期 我们的 API 已扩展

黑色星期五周: 以特价获取我们的 API。立即访问。使用更详细的色彩转换结果--非常适合网络项目、插件、内部工具或 SaaS 应用程序。有效期为 2025-11-24 至 2025-11-30 (23:59 CET)(含 PLACEHOLDER_3

API 套餐和价格 X
error rgb: 204.14_0_0

CSS 梯度:
RGB 204.14 0 0

信息

全部关闭



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

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



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

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



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

方便网页设计:复制 CSS 代码,轻松集成到您的网站。

显示选项

说明

红色明显占优势:红色值明显高于绿色和蓝色。 深色:低色值显得更深。

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

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

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



品牌

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

81% - 404 - File or direct...
链接: http://brnls.com/WynmrhInvestments

42% - Le Monde De Reggie
链接: http://lemondedereggie.fr

75% - dafont.com
链接: http://www.dafont.com

54% - etched traumas
链接: http://www.etchedtraumas.net

61% - FCDigital Diseño Web...
链接: http://fcdigital.com.mx

58% - BDSM and Bondage Vid...
链接: http://www.kink.com

63% - diDA - Diseñadores I...
链接: http://www.dida.es

50% - Medizinische Hochsch...
链接: http://mhh.de

100% - Sitrep : Those in th...
链接: http://www.sitrep.co.uk

36% - Finishing First - We...
链接: http://finishingfirst.com

66% - Accessible web page ...
链接: http://accessibleweb.eu

62% - Help bring shows to ...
链接: http://boyamanyak.com

81% - 404 - File or direct...
链接: http://www.lycamobile.co.uk

81% - 404 - File or direct...
链接: http://www.ssinteractives.com

81% - 404 - File or direct...
链接: http://www.sollis.co.uk

51% - hasyer.com
链接: http://hasyer.com

82% - Web Communications -...
链接: http://www.uh.edu

68% - X”ŽŽk‚Ì•‚—VHìŽº
链接: http://www001.upp.so-net.ne.jp

39% - .:: Lin Rocha's ...
链接: http://www.linrocha.com

74% - Eduard Moldovan’s pe...
链接: http://eduardmoldovan.com

46% - Dharish Shiriyannava...
链接: http://www.dharish.in

77% - 500 - Internal serve...
链接: http://hsc.wvu.edu

38% - Home | Northeastern ...
链接: http://library.northeastern.edu

43% - The Inquisitr
链接: http://www.inquisitr.com

81% - 404 - File or direct...
链接: http://www.burningham.com

43% - Media World - Elettr...
链接: http://www.mediaworld.it

93% - Bullsone Car Life Co...
链接: http://www.bullsone.com

17% - Pozziprogetti - Home
链接: http://www.pozziprogetti.it

76% - 403 - Forbidden: Acc...
链接: http://secure2.cobleskill.edu

30% - Dynamic Software AG ...
链接: http://www.dynamic.de

76% - 403 - Forbidden: Acc...
链接: http://neosofttech.in

100% - Everest
链接: http://www.everest.com.gr

55% - Gangas
链接: http://ganargastando.com

55% - Gangas
链接: http://www.ganargastando.com

81% - 404 - File or direct...
链接: http://www.loma.org

47% - Ens Verona
链接: http://www.ensverona.it

62% - 公式通販HUMOR ユーモア
链接: http://www.hmr.jp

47% - Home - Sitio en Cons...
链接: http://demiankachuk.com.ar

77% - O seu portal de inte...
链接: http://www.e-konomista.com.br

69% - 500 - ³»ºÎ ¼­¹ö ¿À·ù...
链接: https://sik2.net

76% - 403 - Forbidden: Acc...
链接: http://toppikonline.lojavirtualfc.com.br

76% - 403 - Forbidden: Acc...
链接: http://WWW.TOPPIKONLINE.COM.BR

39% - Subscription Confirm...
链接: http://www.nfsltd.co.uk

67% - CCB - Home
链接: http://www.ccb.pt

72% - Urban Software - раз...
链接: http://urbansoftware.ru

30% - Dynamic Software AG ...
链接: http://dynamic.de

68% - Spagl
链接: http://www.spagl-fachhandel.de

44% - Black | MasterCard®
链接: http://www.mastercard.com

81% - 404 - File or direct...
链接: http://jacquars.com

81% - 404 - File or direct...
链接: http://monitoring.bg

96% - 404 - ファイルまたはディレクトリが...
链接: http://zozo.jp

60% - Novation
链接: http://uk.novationmusic.com

58% - All Categories - Sta...
链接: http://alerios.co.uk

30% - iLucians
链接: http://ilucians.com

49% - Trend Micro Site Saf...
链接: http://global.sitesafety.trendmicro.com

45% - The University of Ut...
链接: http://www.utah.edu

36% - Austin Inbound Marke...
链接: http://www.launchpadwebservices.com

81% - 404 - File or direct...
链接: http://home.hibu.no

86% - Untitled Page
链接: http://www.emtesmuhendislik.com

84% - dafont.com | Descarg...
链接: http://www.dafont.com

54% - Entrepreneur - Virgi...
链接: http://www.virgin.com

100% - :: MRCYB ::
链接: http://www.mrcyb.com

52% - Jetzt vorbestellen! ...
链接: http://www.cyrcus.com

81% - 404 - File or direct...
链接: http://ingeurenenkleuren.nl

56% - Warteschleife
链接: http://iwmm.bplaced.net

38% - SK Industrial
链接: http://www.skindustrial.cl

81% - 404 - File or direct...
链接: http://vgcsc-prototype.thick.ly

93% - 404 - 找不到檔案或目錄。
链接: https://www.queenshop.com.tw

74% - www.saradang.com
链接: http://www.saradang.com

60% - Atención Ciudada y G...
链接: http://portada.acgs.com.mx

88% - 500 - 內部伺服器錯誤。
链接: http://moeacg.cc

66% - Cruz Roja - Moodle
链接: http://www.cruzroja.es

34% - Parking aeropuerto l...
链接: http://www.victoria-parking.com

99% - Virgin Casino | Onli...
链接: https://www.virgincasino.com

81% - 404 - File or direct...
链接: http://www.grafisoft.be

76% - 403 - Forbidden: Acc...
链接: http://radiowaves.carbon-8.com

38% - Van de Velde Dentalk...
链接: http://www.vdv-dentalkeramiek.be

92% - 403 - 禁止访问: 访问被拒绝。
链接: http://yamasun.com

81% - 404 - File or direct...
链接: http://MINFIN.RU

100% - Profil
链接: http://meeting-me.de

16% - ššššiŠ”jƒEƒFƒ‹...
链接: http://www.well.biz-web.jp

81% - 404 - File or direct...
链接: http://www3.jeed.or.jp

76% - 403 - Forbidden: Acc...
链接: http://www.bizapedia.com

76% - 403 - Forbidden: Acc...
链接: http://www.ilhadabeleza.com.br

53% - ESL ReadingSmart | W...
链接: http://welcome.eslreadingsmart.com

76% - 403 - Forbidden: Acc...
链接: http://imbd.com

96% - 404 - ファイルまたはディレクトリが...
链接: http://activities.his-j.com

34% - 渡辺舞ポートフォリオサイト
链接: http://watanabemai.com

73% - 404 - ÆÄÀÏ ¶Ç´Â µð·º...
链接: http://www.putto.kr

69% - Academia oficina do ...
链接: http://www.fitnessoficinadocorpo.com.br

77% - 500 - Internal serve...
链接: http://www.alumni.stthomas.edu

72% - RZ_laCostena.gif (70...
链接: http://test.la-costena.de

22% - Lucas faz 2
链接: http://marka.arq.br

81% - 404 - File or direct...
链接: http://neurolinkmonitoring.com

81% - 404 - File or direct...
链接: http://lp.studyinteractive.org

58% - Matériel agricole - ...
链接: http://www.materiel-agricole-morris.fr

89% - キヤノン株式会社:会社情報|キヤノンロゴ
链接: http://web.canon.jp

27% - Millionaire Society
链接: http://www.millionairesociety.com

100% - Y2F - Start
链接: http://y2f.heliohost.org

41% - 2015年に最も視聴・シェアされた動画広...
链接: http://markezine.jp

48% - MarkeZine(マーケジン)
链接: http://markezine.jp

77% - 500 - Internal serve...
链接: http://www.cunard.co.uk

82% - DHL | SPST
链接: http://dpst-qa.dhl.com

81% - 404 - File or direct...
链接: http://www.musico.nl

76% - 403 - Forbidden: Acc...
链接: http://www.musico.nl

31% - フクシノスイッチ | 福祉の仕事に携わる...
链接: http://fukushi-switch.jp

76% - 403 - Forbidden: Acc...
链接: http://bigchurchswitch.org.uk

63% - Home
链接: http://raena.demojoomla.com

76% - 403 - Forbidden: Acc...
链接: https://www.iphytoscience.com

61% - デジタルのプロ | 株式会社ダッド
链接: http://www.dad.co.jp

74% - 株式会社フリークアウト|最先端の広告技術...
链接: http://www.fout.co.jp

39% - Not Found | Marines....
链接: http://www.marines.com

86% - Accent Design-Basics
链接: http://beta3.distpa.com

24% - Supply Chain Solutio...
链接: http://xpologistics.com

32% - 株式会社ユニオンアルファ
链接: http://www.mac22.co.jp

36% - Academia Ludic
链接: http://academia-ludic.com

81% - 404 - File or direct...
链接: http://www.flamesofwar.com

43% - desafio-激安通販,最初の ,ソフ...
链接: http://www.desafio.cl

36% - 【ELLE a table】料理レシピ検...
链接: http://m.elle.co.jp

76% - 403 - Forbidden: Acc...
链接: http://www.dillonharley.com

28% - KD Rosaries | Handma...
链接: http://kdrosaries.com

96% - 403 - 許可されていません: アクセ...
链接: http://www.sumaism.net

53% - Cubadebate, Contra e...
链接: http://www.cubadebate.cu

34% - Urgent Care Doctors ...
链接: http://www.doctorondemand.com

74% - Super Rádio Tupi - R...
链接: http://tupi.am

64% - IIS 8.5 자세한 오류 - 404...
链接: http://www.livoncare.com

91% - 500 -内部サーバー エラーです。
链接: http://www.homemate.co.jp

46% - Ihr Partner für Ener...
链接: https://www.spie-sag.de

50% - アナログ, 半導体, デジタル・シグナル...
链接: http://www.tij.co.jp

100% - お問い合わせ窓口 - JAL
链接: http://www.jal.co.jp

33% - Supply Chain Solutio...
链接: http://xpo.com

76% - 404 - File or direct...
链接: http://unitedconsultants-is.com

39% - Counter-Strike: Blen...
链接: http://cs-bl.com

81% - gameSTANDS - Your on...
链接: http://lodestar.ph

57% - EJP-header.gif (600x...
链接: http://comms.iop.org

26% - JAPAN AIRLINES World...
链接: https://www.jal.com

76% - 404 - File or direct...
链接: http://sada.zgh.hr

60% - OgilvyOne Worldwide ...
链接: https://www.ogilvyone.com

70% - Instituto Cervantes
链接: http://www.cervantes.de

29% - JAMSTEC | 海洋研究開発機構 |...
链接: http://www.jamstec.go.jp

89% - 403 - 禁止访问: 访问被拒绝。
链接: http://demo.hz-163.com

92% - 404 - 找不到文件或目录。
链接: http://pic37.nipic.com

40% - お米通販サイト おこめナビ - 全国のお...
链接: http://okomenavi.jp

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

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

我们走

线性

HEX #CC0000 至 HEX #32FFFF


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 0%, #32FFFF 97%);

径向

HEX #CC0000 至 HEX #32FFFF


CSS 代码:

background-image: radial-gradient(circle, #CC0000 14%, #32FFFF 86%);

 

HEX #32FFFF 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #32FFFF 12%, #CC0000 95%);

 

HEX #32FFFF 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #32FFFF 11%, #CC0000 99%);

线性

HEX #CC0000 至 HEX #CC0036


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 2%, #CC0036 90%);

径向

HEX #CC0000 至 HEX #CC0036


CSS 代码:

background-image: radial-gradient(circle, #CC0000 1%, #CC0036 93%);

 

HEX #CC0036 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #CC0036 2%, #CC0000 93%);

 

HEX #CC0036 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #CC0036 11%, #CC0000 93%);

 

HEX #CC0000 至 HEX #CC3600


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 14%, #CC3600 95%);

 

HEX #CC0000 至 HEX #CC3600


CSS 代码:

background-image: radial-gradient(circle, #CC0000 12%, #CC3600 92%);

 

HEX #CC3600 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #CC3600 11%, #CC0000 88%);

 

HEX #CC3600 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #CC3600 7%, #CC0000 100%);

 

HEX #CC0000 至 HEX #CC6D00


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 2%, #CC6D00 94%);

 

HEX #CC0000 至 HEX #CC6D00


CSS 代码:

background-image: radial-gradient(circle, #CC0000 10%, #CC6D00 99%);

 

HEX #CC6D00 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #CC6D00 4%, #CC0000 99%);

 

HEX #CC6D00 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #CC6D00 12%, #CC0000 93%);

线性

HEX #CC0000 至 HEX #A30000


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 12%, #A30000 91%);

径向

HEX #CC0000 至 HEX #A30000


CSS 代码:

background-image: radial-gradient(circle, #CC0000 8%, #A30000 88%);

 

HEX #A30000 至 HEX #CC0000


CSS 代码:

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

 

HEX #A30000 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #A30000 6%, #CC0000 89%);

 

HEX #CC0000 至 HEX #F50000


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 2%, #F50000 99%);

 

HEX #CC0000 至 HEX #F50000


CSS 代码:

background-image: radial-gradient(circle, #CC0000 1%, #F50000 94%);

 

HEX #F50000 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #F50000 12%, #CC0000 96%);

 

HEX #F50000 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #F50000 3%, #CC0000 89%);

 

HEX #CC0000 至 HEX #FF2020


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 14%, #FF2020 99%);

 

HEX #CC0000 至 HEX #FF2020


CSS 代码:

background-image: radial-gradient(circle, #CC0000 1%, #FF2020 91%);

 

HEX #FF2020 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #FF2020 7%, #CC0000 98%);

 

HEX #FF2020 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #FF2020 14%, #CC0000 97%);

线性

HEX #CC0000 至 HEX #CC0036


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 6%, #CC0036 86%);

径向

HEX #CC0000 至 HEX #CC0036


CSS 代码:

background-image: radial-gradient(circle, #CC0000 13%, #CC0036 98%);

 

HEX #CC0036 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #CC0036 13%, #CC0000 90%);

 

HEX #CC0036 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #CC0036 2%, #CC0000 92%);

 

HEX #CC0000 至 HEX #CC3600


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 13%, #CC3600 100%);

 

HEX #CC0000 至 HEX #CC3600


CSS 代码:

background-image: radial-gradient(circle, #CC0000 9%, #CC3600 89%);

 

HEX #CC3600 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #CC3600 14%, #CC0000 86%);

 

HEX #CC3600 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #CC3600 9%, #CC0000 94%);

 

HEX #CC0000 至 HEX #CC6D00


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 9%, #CC6D00 86%);

 

HEX #CC0000 至 HEX #CC6D00


CSS 代码:

background-image: radial-gradient(circle, #CC0000 12%, #CC6D00 93%);

 

HEX #CC6D00 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #CC6D00 11%, #CC0000 86%);

 

HEX #CC6D00 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #CC6D00 8%, #CC0000 93%);

线性

HEX #CC0000 至 HEX #A30000


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 8%, #A30000 89%);

径向

HEX #CC0000 至 HEX #A30000


CSS 代码:

background-image: radial-gradient(circle, #CC0000 9%, #A30000 99%);

 

HEX #A30000 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #A30000 14%, #CC0000 93%);

 

HEX #A30000 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #A30000 4%, #CC0000 94%);

 

HEX #CC0000 至 HEX #F50000


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 5%, #F50000 94%);

 

HEX #CC0000 至 HEX #F50000


CSS 代码:

background-image: radial-gradient(circle, #CC0000 8%, #F50000 96%);

 

HEX #F50000 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #F50000 6%, #CC0000 96%);

 

HEX #F50000 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #F50000 4%, #CC0000 88%);

 

HEX #CC0000 至 HEX #FF2020


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 4%, #FF2020 100%);

 

HEX #CC0000 至 HEX #FF2020


CSS 代码:

background-image: radial-gradient(circle, #CC0000 1%, #FF2020 89%);

 

HEX #FF2020 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #FF2020 3%, #CC0000 95%);

 

HEX #FF2020 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #FF2020 10%, #CC0000 100%);

线性

HEX #CC0000 至 HEX #A3CC00


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 2%, #A3CC00 91%);

径向

HEX #CC0000 至 HEX #A3CC00


CSS 代码:

background-image: radial-gradient(circle, #CC0000 11%, #A3CC00 97%);

 

HEX #A3CC00 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #A3CC00 0%, #CC0000 95%);

 

HEX #A3CC00 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #A3CC00 0%, #CC0000 92%);

 

HEX #CC0000 至 HEX #0052CC


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 4%, #0052CC 95%);

 

HEX #CC0000 至 HEX #0052CC


CSS 代码:

background-image: radial-gradient(circle, #CC0000 6%, #0052CC 98%);

 

HEX #0052CC 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #0052CC 3%, #CC0000 88%);

 

HEX #0052CC 至 HEX #CC0000


CSS 代码:

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

线性

HEX #CC0000 至 HEX #00CC00


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 7%, #00CC00 100%);

径向

HEX #CC0000 至 HEX #00CC00


CSS 代码:

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

 

HEX #00CC00 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #00CC00 12%, #CC0000 92%);

 

HEX #00CC00 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #00CC00 2%, #CC0000 96%);

 

HEX #CC0000 至 HEX #0000CC


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 0%, #0000CC 93%);

 

HEX #CC0000 至 HEX #0000CC


CSS 代码:

background-image: radial-gradient(circle, #CC0000 4%, #0000CC 95%);

 

HEX #0000CC 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #0000CC 1%, #CC0000 91%);

 

HEX #0000CC 至 HEX #CC0000


CSS 代码:

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

线性

HEX #CC0000 至 HEX #A3CC00


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 11%, #A3CC00 91%);

径向

HEX #CC0000 至 HEX #A3CC00


CSS 代码:

background-image: radial-gradient(circle, #CC0000 11%, #A3CC00 91%);

 

HEX #A3CC00 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #A3CC00 3%, #CC0000 87%);

 

HEX #A3CC00 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #A3CC00 14%, #CC0000 94%);

 

HEX #CC0000 至 HEX #00CCCC


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 13%, #00CCCC 100%);

 

HEX #CC0000 至 HEX #00CCCC


CSS 代码:

background-image: radial-gradient(circle, #CC0000 8%, #00CCCC 95%);

 

HEX #00CCCC 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #00CCCC 1%, #CC0000 93%);

 

HEX #00CCCC 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #00CCCC 0%, #CC0000 92%);

 

HEX #CC0000 至 HEX #2900CC


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 12%, #2900CC 99%);

 

HEX #CC0000 至 HEX #2900CC


CSS 代码:

background-image: radial-gradient(circle, #CC0000 12%, #2900CC 91%);

 

HEX #2900CC 至 HEX #CC0000


CSS 代码:

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

 

HEX #2900CC 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #2900CC 4%, #CC0000 99%);

线性

HEX #CC0000 至 HEX #66CC00


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 0%, #66CC00 98%);

径向

HEX #CC0000 至 HEX #66CC00


CSS 代码:

background-image: radial-gradient(circle, #CC0000 10%, #66CC00 92%);

 

HEX #66CC00 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #66CC00 13%, #CC0000 97%);

 

HEX #66CC00 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #66CC00 0%, #CC0000 96%);

 

HEX #CC0000 至 HEX #00CCCC


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 9%, #00CCCC 99%);

 

HEX #CC0000 至 HEX #00CCCC


CSS 代码:

background-image: radial-gradient(circle, #CC0000 9%, #00CCCC 96%);

 

HEX #00CCCC 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #00CCCC 6%, #CC0000 97%);

 

HEX #00CCCC 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #00CCCC 12%, #CC0000 98%);

 

HEX #CC0000 至 HEX #6600CC


CSS 代码:

background-image: linear-gradient(135deg, #CC0000 11%, #6600CC 99%);

 

HEX #CC0000 至 HEX #6600CC


CSS 代码:

background-image: radial-gradient(circle, #CC0000 6%, #6600CC 87%);

 

HEX #6600CC 至 HEX #CC0000


CSS 代码:

background-image: linear-gradient(135deg, #6600CC 2%, #CC0000 97%);

 

HEX #6600CC 至 HEX #CC0000


CSS 代码:

background-image: radial-gradient(circle, #6600CC 7%, #CC0000 93%);

显示更多调色板

服务

颜色

灰度 于 六角

转换自 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)

要保存调色板,需要进行注册。

登录您的账户

创建账户

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

取消 分享

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

分享

好的,我复制了链接

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

显示调色板
关闭

创建调色板

下载以各种格式下载

全部删除

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