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

✕

CSS 梯度:
#FF0000

信息

全部关闭



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

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



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

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



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

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

显示选项

说明

红色明显占优势:红色值明显高于绿色和蓝色。 深色:低色值显得更深。 它也被称为 标签。

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

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

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



品牌

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

49% - App Academy ++ Becom...
链接: http://appacademy.io

59% - [email protected]
链接: http://tourino.org

95% - JACKSNYAN 5 NYAN CAT
链接: http://www.nyan.cat

19% -   Home of Gibson Res...
链接: http://www.grc.com

84% - Asperous.us // Andy ...
链接: http://asperous.us

60% - 403 FORBIDDEN : LOGG...
链接: http://www.bodehase.de

34% - Pinboard: social boo...
链接: http://pinboard.in

66% - Killer Japanese Seiz...
链接: http://horticulture.fullcoll.edu

43% - GERMAN JOYERO - Joye...
链接: http://www.germanjoyero.com

77% - Sorryページ
链接: http://rms1.canon.jp

68% - ZIPでくれ!
链接: http://imgzip.ddo.jp

89% - Abomb Files - Home P...
链接: http://abombfiles.info

61% - Ideapolis
链接: http://ideapolisagency.com

37% - GLGE
链接: http://cta.aragon.unam.mx

87% - 名刺作成 送料無料 名刺印刷 おしゃれな...
链接: http://www3.osk.3web.ne.jp

100% - kraftwerk.com
链接: http://www.kraftwerk.com

45% - Gloria Saltos - Bell...
链接: http://gloriasaltos.com

73% - Cesar Rubio Photogra...
链接: http://www.cesarrubio.com

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

52% - http://www.e...
链接: http://www.escuelagnostica.org

52% - The page cannot be f...
链接: http://www.goldenpark.es

87% - JUEGOS INTERNOS ¨MUN...
链接: http://juegosmunicipales2012.blogspot.com

86% - portraits
链接: http://manelortega.co.uk

42% - logo-adias-com-br.pn...
链接: http://www2.adias.com.br

70% - KHANDELWAL JI Commun...
链接: http://www.khandelwalji.com

13% - Zhuzha - Home
链接: http://www.zhuzha.de

90% - fmc-tv.net
链接: http://kenanadv.com

88% - Page Not Found
链接: https://www.key.com

54% - La page est introuva...
链接: http://studio.sarbacane.com

33% - Prestador Servico
链接: http://prestadorservico.com.br:9009

85% - Studio Rokicki &...
链接: http://weare.rs

37% - GovPubs: the Austral...
链接: http://www.nla.gov.au

50% - ÆäÀÌÁö¸¦ ãÀ» ¼ö ¾ø½...
链接: http://www.englic.co.kr

29% - Miller-time
链接: http://www.miller-time.co.kr

100% - Sometimes Red, Somet...
链接: http://www.sometimesredsometimesblue.com

38% - Sailing Austin | Lak...
链接: http://sailingaustin.com

93% - REGINO CRUZ Arquitec...
链接: http://www.reginocruz.com

100% - 道诚资产管理有限公司
链接: http://www.daochengamc.com

99% - Brussels based digit...
链接: http://bureau347.com

99% - 99LETTERS OFFICIAL S...
链接: http://www.99letters.net

52% - You are not authoriz...
链接: http://www.webcompany.com.br

47% - Aecweb
链接: http://www.aecweb.com.br

100% - Untitled Page
链接: http://wolfpack.com

28% - Monster Snake Keeper...
链接: http://www.monstersnakekeepers.co.uk

43% - R
链接: https://r.kaipoke.biz

88% - TheEyEHole
链接: http://theeyehole.com

31% - MONTAUK | HOME
链接: http://montaukdesign.com

37% - Accueil
链接: http://www.building-consulting.lu

64% - 会長のおすすめアニメレビュー
链接: http://kaityou-osusume.seesaa.net

83% - 主页推荐
链接: http://www.shareyan.cn

90% - 403 FORBIDDEN : LOGG...
链接: http://itc-putbus.de

42% - Crampo Home Page
链接: http://crampo.it

60% - flavorproject – coci...
链接: http://flavorproject.de

99% - Friends Android
链接: http://friendsandroid.hol.es

52% - The page cannot be f...
链接: http://powerlink.co.il

92% - Center Foto - Studio...
链接: http://www.center-foto.it

87% - Harry's Chinese ...
链接: http://harryschinesecooking.com.au

50% - Acceuil : Blog de Al...
链接: http://st0rmx.byethost8.com

97% - À Deux Pas De Chez V...
链接: http://ns366377.ovh.net

72% - Say it with words!
链接: http://withwords.net

97% - Web Design Cagliari ...
链接: http://ab-design.it

100% - Diferencial
链接: http://diferencial.org

28% - fherking's blog
链接: http://fherking.dyndns.org

52% - The page cannot be f...
链接: http://www.complianceconcepts.com

62% - Михаил Горожин
链接: http://gorozhin.pro

100% - extjsholic
链接: http://extjsholic.appspot.com

37% - Heavy Metal Radio - ...
链接: http://joomla.heavyhosts.com

37% - 5min 微知識:CSS3, JQuer...
链接: http://km.nicetypo.com

54% - dietandexercisemotiv...
链接: http://dietandexercisemotivation.com

48% - Discab
链接: http://discab.net

50% - ÆäÀÌÁö¸¦ ãÀ» ¼ö ¾ø½...
链接: http://www.skyedu.com

35% - 7web.by создание сай...
链接: http://7web.by

60% - 403 FORBIDDEN : LOGG...
链接: http://sapphilite.net

47% - No se encuentra la p...
链接: http://www.microforum.es

47% - 余炜的博客 | 专注于折腾
链接: http://yuwei.cc

52% - The page cannot be f...
链接: http://www.ficrea.com.mx

42% - Motos Moncho - Repar...
链接: http://motosmoncho.es

69% - http://www.a...
链接: http://www.amazon.co.jp

56% - 南海部品本社 @ Amazon.co.j...
链接: http://www.amazon.co.jp

23% - Deeley Demo | Just a...
链接: http://deeleydemo.geochamp.com

78% - Document
链接: http://datamweb.ir

25% - th_buddh.gif (324x21...
链接: http://www.crwflags.com

54% - Prova slide
链接: http://unascotland.altervista.org

52% - The page cannot be f...
链接: http://community.thefoundry.co.uk

22% - Advanced Composition...
链接: http://www.srl.caltech.edu

66% - ペロリス島戦記 混沌編 
链接: http://peropero.progoo.com

41% - Richmond Virginia Ci...
链接: http://www.resourceintl.com

98% - Gaunt Design Home
链接: http://www.gauntdesign.com

41% - The Infinite Jukebox
链接: http://labs.echonest.com

52% - JWK Theme Project
链接: http://jwk.eti.br

97% - PRODUCT PHOTO
链接: http://snimaempredmety.ru

55% - 初心者のためのGoogle Analyt...
链接: http://analytics.gary01.com

52% - The page cannot be f...
链接: http://www.matematicasenzafrontiere.it

88% - ナノ - 無料携帯ホームページ作成
链接: http://nanos.jp

16% - Ihr Partner für Trag...
链接: http://www.lsm-ingenieure.de

45% - www.xyence.co.jp ‚Öƒ...
链接: http://xyence.co.jp

42% - About-page-logo.png ...
链接: http://thetwoheadedgiant.ca

20% - 九州のメンズアロマ情報サイト【メンズオフ...
链接: http://mensoffer.com

91% - Dirección de Operaci...
链接: http://comunicacionoperaciones.dish.com.mx

72% - コスモ・バイオ株式会社 -生命を科学する...
链接: http://www.cosmobio.co.jp

61% - 403 FORBIDDEN : LOGG...
链接: http://www.steelsoldiers.com

58% - fasiocn
链接: http://www.fasicon.com

99% - Planeta Games
链接: http://www.planetagames.org

48% - Free Dog Training Ev...
链接: http://limitlessdogtraining.com

26% - Creacion de tabla fi...
链接: http://copaswarcry.tk

26% - Acharnobairro - Divu...
链接: http://www.acharnobairro.com.br

79% - Bikin Go!
链接: http://www.bikin-go.com

60% - martini_logo_2466.gi...
链接: http://goodlogo.com

23% - ООО "Телеком&qu...
链接: http://www.telecom.nnov.ru

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

90% - 電気通信大学附属図書館 - ニュース
链接: http://www.lib.uec.ac.jp

55% - TOP - terryk77 ページ!
链接: http://terryk77.com

48% - Congresos Locales Mx...
链接: http://congresoslocales.com.mx

15% - Sobre Colores
链接: http://sobrecolores.eu

40% - News « iCombat Barra...
链接: http://barracks.icombat.com

77% - 无法找到该页
链接: http://www.hnacapital.com

60% - 403 FORBIDDEN : LOGG...
链接: http://www.thinkdigital.net

93% - LOVERS研究所 powered by...
链接: http://lovers-labo.jp

33% - InstaDesktop.net: Ge...
链接: http://instadesktop.net

49% - 配信一覧
链接: http://ec2-54-64-178-76.ap-northeast-1.compute.amazonaws.com:11180

97% - One Thought | One th...
链接: http://onethought.com

22% - Escola de inglês e e...
链接: http://www.skill.com.br

100% - MENDOZA
链接: http://mendozabroker.com

52% - RAGBIT®NET » MATRIX-...
链接: http://konrad.de

21% - Women architects
链接: http://echo.dot.sk

53% - Back-office systeem ...
链接: http://vooraltijdopbeeld.nl

98% - サイト“EROエロNAVI”の始まりは…
链接: http://www.eroeronavi.com

64% - 愛知県庁弓道会〜Aichi Prefec...
链接: http://aichiprefkyudo.web.fc2.com

78% - 高田馬場・所沢のダイエット専門パーソナル...
链接: http://tr-in.com

80% - De oriente a occiden...
链接: http://sangrre.com.ar

68% - Esprit Online-Shop -...
链接: http://www.esprit.de

52% - Allegiant Security
链接: http://allegiantsecurity.ca

43% - Carnavalesco - Tudo ...
链接: http://www.carnavalesco.com.br

97% - Carros Desportivos |...
链接: http://www.abarth.pt

83% - Go
链接: http://go.pardot.com

70% - Talk On Topics – The...
链接: http://talkontopics.com

44% - GrafZone Roleplay - ...
链接: http://panel.grafzone.ca

98% - 螃蟹买买
链接: http://www.pangxiemaimai.com

40% - The Birmingham Award...
链接: http://www.birminghamawards.co.uk

61% - South Carolina Depar...
链接: http://www.dot.state.sc.us

36% - けるべろす
链接: http://cerberus.geek.co.jp

76% - Autoprint SI
链接: http://autoprintsi.com

93% - Software » Encom Gmb...
链接: http://www.encom.de

80% - Brandfather 2.0 — Ка...
链接: http://brandfather.fedoriv.com

92% - Accueil - Observatoi...
链接: http://www.ors-idf.Fr

94% - ログイン | みんなのFX
链接: https://my.min-fx.tv

48% - bayernfanclub-vohbur...
链接: http://www.bayernfanclub-vohburg.wg.vu

100% - P5D - ペルソナ5 ダンシング・スタ...
链接: http://persona-dance.jp

69% - 喜多川祐介 | P5 - ペルソナ5 -...
链接: http://persona5.jp

87% - ograph-omsa_web.png ...
链接: http://www.ogilvy.co.za

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

38% - border-color-スタイルシート...
链接: http://www.htmq.com

40% - Página Inicial - Cru...
链接: http://www.cruzvermelha.org.br

89% - NISSAN あ、安部礼司 ~ BEYO...
链接: http://www.tfm.co.jp

62% - Ogilvy México-Miami
链接: http://ogilvy.com.mx

93% - 東京ディズニーリゾート・オフィシャルウェ...
链接: http://www.tokyodisneyresort.jp

34% - Page Not Found | MLB...
链接: http://www.mlb.com

27% - Йога для начинающих,...
链接: http://yspehi.by

76% - 木暮 仁:「経営と情報」に関する教材と意...
链接: http://www.kogures.com

69% - 会社案内愛南サンフィッシュ
链接: http://a-sf.co.jp

45% - 30代40代の女性が半年で元彼から復縁と...
链接: http://3040josei-fukuenseikou.com

84% - 雷旭的个人网站
链接: http://lxlost.com

44% - color.png (1920x1080...
链接: http://www.thelabyrinth.co.kr

94% - メンタルヘルスケア対策・ストレスチェック...
链接: http://www.lafool.co.jp

25% - GSI HOME PAGE - 国土地理...
链接: http://www.gsi.go.jp

52% - S-WORKS EVADE II HLM...
链接: http://www.specialized-onlinestore.jp

89% - 素材商社 - 素材商社-(原顶尖特效)提...
链接: http://templatemarket.cn

43% - e2mo
链接: https://sumirin-staging.roumuanzen.jp

50% - Presentación Formawe...
链接: http://formaweb2.vigo.org

34% - WINE CUBE / お問い合...
链接: http://wine-cube.net

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

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

我们走

线性

HEX #FF0000 至 HEX #00FFFF


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 12%, #00FFFF 96%);

径向

HEX #FF0000 至 HEX #00FFFF


CSS 代码:

background-image: radial-gradient(circle, #FF0000 13%, #00FFFF 93%);

 

HEX #00FFFF 至 HEX #FF0000


CSS 代码:

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

 

HEX #00FFFF 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #00FFFF 10%, #FF0000 90%);

线性

HEX #FF0000 至 HEX #FF0044


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 5%, #FF0044 96%);

径向

HEX #FF0000 至 HEX #FF0044


CSS 代码:

background-image: radial-gradient(circle, #FF0000 6%, #FF0044 86%);

 

HEX #FF0044 至 HEX #FF0000


CSS 代码:

background-image: linear-gradient(135deg, #FF0044 12%, #FF0000 90%);

 

HEX #FF0044 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #FF0044 11%, #FF0000 97%);

 

HEX #FF0000 至 HEX #FF4400


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 12%, #FF4400 94%);

 

HEX #FF0000 至 HEX #FF4400


CSS 代码:

background-image: radial-gradient(circle, #FF0000 13%, #FF4400 87%);

 

HEX #FF4400 至 HEX #FF0000


CSS 代码:

background-image: linear-gradient(135deg, #FF4400 9%, #FF0000 100%);

 

HEX #FF4400 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #FF4400 11%, #FF0000 88%);

 

HEX #FF0000 至 HEX #FF8800


CSS 代码:

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

 

HEX #FF0000 至 HEX #FF8800


CSS 代码:

background-image: radial-gradient(circle, #FF0000 9%, #FF8800 96%);

 

HEX #FF8800 至 HEX #FF0000


CSS 代码:

background-image: linear-gradient(135deg, #FF8800 9%, #FF0000 93%);

 

HEX #FF8800 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #FF8800 4%, #FF0000 94%);

线性

HEX #FF0000 至 HEX #D60000


CSS 代码:

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

径向

HEX #FF0000 至 HEX #D60000


CSS 代码:

background-image: radial-gradient(circle, #FF0000 5%, #D60000 92%);

 

HEX #D60000 至 HEX #FF0000


CSS 代码:

background-image: linear-gradient(135deg, #D60000 7%, #FF0000 91%);

 

HEX #D60000 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #D60000 0%, #FF0000 94%);

 

HEX #FF0000 至 HEX #FF2929


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 12%, #FF2929 94%);

 

HEX #FF0000 至 HEX #FF2929


CSS 代码:

background-image: radial-gradient(circle, #FF0000 2%, #FF2929 94%);

 

HEX #FF2929 至 HEX #FF0000


CSS 代码:

background-image: linear-gradient(135deg, #FF2929 14%, #FF0000 89%);

 

HEX #FF2929 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #FF2929 10%, #FF0000 86%);

 

HEX #FF0000 至 HEX #FF5353


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 8%, #FF5353 90%);

 

HEX #FF0000 至 HEX #FF5353


CSS 代码:

background-image: radial-gradient(circle, #FF0000 1%, #FF5353 90%);

 

HEX #FF5353 至 HEX #FF0000


CSS 代码:

background-image: linear-gradient(135deg, #FF5353 6%, #FF0000 90%);

 

HEX #FF5353 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #FF5353 4%, #FF0000 99%);

线性

HEX #FF0000 至 HEX #FF0044


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 12%, #FF0044 100%);

径向

HEX #FF0000 至 HEX #FF0044


CSS 代码:

background-image: radial-gradient(circle, #FF0000 3%, #FF0044 99%);

 

HEX #FF0044 至 HEX #FF0000


CSS 代码:

background-image: linear-gradient(135deg, #FF0044 6%, #FF0000 88%);

 

HEX #FF0044 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #FF0044 13%, #FF0000 87%);

 

HEX #FF0000 至 HEX #FF4400


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 0%, #FF4400 88%);

 

HEX #FF0000 至 HEX #FF4400


CSS 代码:

background-image: radial-gradient(circle, #FF0000 1%, #FF4400 92%);

 

HEX #FF4400 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF4400 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #FF4400 9%, #FF0000 100%);

 

HEX #FF0000 至 HEX #FF8800


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 4%, #FF8800 90%);

 

HEX #FF0000 至 HEX #FF8800


CSS 代码:

background-image: radial-gradient(circle, #FF0000 8%, #FF8800 93%);

 

HEX #FF8800 至 HEX #FF0000


CSS 代码:

background-image: linear-gradient(135deg, #FF8800 10%, #FF0000 87%);

 

HEX #FF8800 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #FF8800 11%, #FF0000 87%);

线性

HEX #FF0000 至 HEX #D60000


CSS 代码:

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

径向

HEX #FF0000 至 HEX #D60000


CSS 代码:

background-image: radial-gradient(circle, #FF0000 0%, #D60000 100%);

 

HEX #D60000 至 HEX #FF0000


CSS 代码:

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

 

HEX #D60000 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #D60000 3%, #FF0000 90%);

 

HEX #FF0000 至 HEX #FF2929


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 4%, #FF2929 86%);

 

HEX #FF0000 至 HEX #FF2929


CSS 代码:

background-image: radial-gradient(circle, #FF0000 11%, #FF2929 96%);

 

HEX #FF2929 至 HEX #FF0000


CSS 代码:

background-image: linear-gradient(135deg, #FF2929 10%, #FF0000 99%);

 

HEX #FF2929 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #FF2929 13%, #FF0000 100%);

 

HEX #FF0000 至 HEX #FF5353


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 7%, #FF5353 92%);

 

HEX #FF0000 至 HEX #FF5353


CSS 代码:

background-image: radial-gradient(circle, #FF0000 12%, #FF5353 96%);

 

HEX #FF5353 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF5353 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #FF5353 0%, #FF0000 91%);

线性

HEX #FF0000 至 HEX #CCFF00


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 2%, #CCFF00 87%);

径向

HEX #FF0000 至 HEX #CCFF00


CSS 代码:

background-image: radial-gradient(circle, #FF0000 9%, #CCFF00 95%);

 

HEX #CCFF00 至 HEX #FF0000


CSS 代码:

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

 

HEX #CCFF00 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #CCFF00 4%, #FF0000 91%);

 

HEX #FF0000 至 HEX #0066FF


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 10%, #0066FF 88%);

 

HEX #FF0000 至 HEX #0066FF


CSS 代码:

background-image: radial-gradient(circle, #FF0000 14%, #0066FF 94%);

 

HEX #0066FF 至 HEX #FF0000


CSS 代码:

background-image: linear-gradient(135deg, #0066FF 8%, #FF0000 88%);

 

HEX #0066FF 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #0066FF 1%, #FF0000 91%);

线性

HEX #FF0000 至 HEX #00FF00


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 8%, #00FF00 89%);

径向

HEX #FF0000 至 HEX #00FF00


CSS 代码:

background-image: radial-gradient(circle, #FF0000 14%, #00FF00 88%);

 

HEX #00FF00 至 HEX #FF0000


CSS 代码:

background-image: linear-gradient(135deg, #00FF00 12%, #FF0000 97%);

 

HEX #00FF00 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #00FF00 3%, #FF0000 89%);

 

HEX #FF0000 至 HEX #0000FF


CSS 代码:

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

 

HEX #FF0000 至 HEX #0000FF


CSS 代码:

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

 

HEX #0000FF 至 HEX #FF0000


CSS 代码:

background-image: linear-gradient(135deg, #0000FF 12%, #FF0000 94%);

 

HEX #0000FF 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #0000FF 7%, #FF0000 96%);

线性

HEX #FF0000 至 HEX #CCFF00


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 13%, #CCFF00 97%);

径向

HEX #FF0000 至 HEX #CCFF00


CSS 代码:

background-image: radial-gradient(circle, #FF0000 11%, #CCFF00 89%);

 

HEX #CCFF00 至 HEX #FF0000


CSS 代码:

background-image: linear-gradient(135deg, #CCFF00 7%, #FF0000 90%);

 

HEX #CCFF00 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #CCFF00 12%, #FF0000 87%);

 

HEX #FF0000 至 HEX #00FFFF


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 12%, #00FFFF 96%);

 

HEX #FF0000 至 HEX #00FFFF


CSS 代码:

background-image: radial-gradient(circle, #FF0000 9%, #00FFFF 98%);

 

HEX #00FFFF 至 HEX #FF0000


CSS 代码:

background-image: linear-gradient(135deg, #00FFFF 11%, #FF0000 92%);

 

HEX #00FFFF 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #00FFFF 8%, #FF0000 99%);

 

HEX #FF0000 至 HEX #3300FF


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 10%, #3300FF 99%);

 

HEX #FF0000 至 HEX #3300FF


CSS 代码:

background-image: radial-gradient(circle, #FF0000 2%, #3300FF 97%);

 

HEX #3300FF 至 HEX #FF0000


CSS 代码:

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

 

HEX #3300FF 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #3300FF 12%, #FF0000 92%);

线性

HEX #FF0000 至 HEX #80FF00


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 5%, #80FF00 92%);

径向

HEX #FF0000 至 HEX #80FF00


CSS 代码:

background-image: radial-gradient(circle, #FF0000 6%, #80FF00 91%);

 

HEX #80FF00 至 HEX #FF0000


CSS 代码:

background-image: linear-gradient(135deg, #80FF00 11%, #FF0000 98%);

 

HEX #80FF00 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #80FF00 12%, #FF0000 96%);

 

HEX #FF0000 至 HEX #00FFFF


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 12%, #00FFFF 88%);

 

HEX #FF0000 至 HEX #00FFFF


CSS 代码:

background-image: radial-gradient(circle, #FF0000 8%, #00FFFF 90%);

 

HEX #00FFFF 至 HEX #FF0000


CSS 代码:

background-image: linear-gradient(135deg, #00FFFF 2%, #FF0000 95%);

 

HEX #00FFFF 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #00FFFF 3%, #FF0000 92%);

 

HEX #FF0000 至 HEX #8000FF


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 8%, #8000FF 95%);

 

HEX #FF0000 至 HEX #8000FF


CSS 代码:

background-image: radial-gradient(circle, #FF0000 6%, #8000FF 98%);

 

HEX #8000FF 至 HEX #FF0000


CSS 代码:

background-image: linear-gradient(135deg, #8000FF 3%, #FF0000 96%);

 

HEX #8000FF 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #8000FF 1%, #FF0000 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)

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

访客可以在颜色收集器中组合并下载颜色。免费激活 qConv Start 后,即可长期保存调色板并管理每个调色板中的颜色。

登录您的账户

或

创建账户

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

取消 分享

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

分享

好的,我复制了链接

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

显示调色板
关闭

创建调色板

下载以各种格式下载

全部删除

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

Gastzugang

Gastzugang

访客访问——尚未创建 qConv Start 个人资料 基础功能可在访客额度内使用。 免费创建账户后会激活 qConv Start。之后您可以将调色板和图片长期保存在个人资料中。
保存调色板:需要免费个人资料访客颜色收集器最多可添加 5 种颜色