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

error rgb: 255_0.8_0

CSS 梯度:
RGB 255 0.8 0

信息

全部关闭



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

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



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

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



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

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

显示选项

说明

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

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

在插图中,您可以看到颜色是如何由红色(顶部)、绿色(右下角)和蓝色(左下角)三部分组成的。由此产生的颜色可以在中间看到。
255 0.8 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 #00FEFF


CSS 代码:

background-image: linear-gradient(135deg, #FF0000 5%, #00FEFF 94%);

径向

HEX #FF0000 至 HEX #00FEFF


CSS 代码:

background-image: radial-gradient(circle, #FF0000 5%, #00FEFF 95%);

 

HEX #00FEFF 至 HEX #FF0000


CSS 代码:

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

 

HEX #00FEFF 至 HEX #FF0000


CSS 代码:

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

线性

HEX #FF0000 至 HEX #FF0044


CSS 代码:

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

径向

HEX #FF0000 至 HEX #FF0044


CSS 代码:

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

 

HEX #FF0044 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF0044 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF0000 至 HEX #FF4400


CSS 代码:

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

 

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 2%, #FF0000 91%);

 

HEX #FF4400 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #FF4400 7%, #FF0000 89%);

 

HEX #FF0000 至 HEX #FF8800


CSS 代码:

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

 

HEX #FF0000 至 HEX #FF8800


CSS 代码:

background-image: radial-gradient(circle, #FF0000 13%, #FF8800 89%);

 

HEX #FF8800 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF8800 至 HEX #FF0000


CSS 代码:

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

线性

HEX #FF0000 至 HEX #D60100


CSS 代码:

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

径向

HEX #FF0000 至 HEX #D60100


CSS 代码:

background-image: radial-gradient(circle, #FF0000 14%, #D60100 93%);

 

HEX #D60100 至 HEX #FF0000


CSS 代码:

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

 

HEX #D60100 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF0000 至 HEX #FF0100


CSS 代码:

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

 

HEX #FF0000 至 HEX #FF0100


CSS 代码:

background-image: radial-gradient(circle, #FF0000 14%, #FF0100 92%);

 

HEX #FF0100 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF0100 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #FF0100 3%, #FF0000 98%);

 

HEX #FF0000 至 HEX #FF2A29


CSS 代码:

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

 

HEX #FF0000 至 HEX #FF2A29


CSS 代码:

background-image: radial-gradient(circle, #FF0000 6%, #FF2A29 92%);

 

HEX #FF2A29 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF2A29 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #FF2A29 14%, #FF0000 86%);

 

HEX #FF0000 至 HEX #FF5353


CSS 代码:

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

 

HEX #FF0000 至 HEX #FF5353


CSS 代码:

background-image: radial-gradient(circle, #FF0000 11%, #FF5353 86%);

 

HEX #FF5353 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF5353 至 HEX #FF0000


CSS 代码:

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

线性

HEX #FF0000 至 HEX #FF0044


CSS 代码:

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

径向

HEX #FF0000 至 HEX #FF0044


CSS 代码:

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

 

HEX #FF0044 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF0044 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF0000 至 HEX #FF4400


CSS 代码:

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

 

HEX #FF0000 至 HEX #FF4400


CSS 代码:

background-image: radial-gradient(circle, #FF0000 2%, #FF4400 86%);

 

HEX #FF4400 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF4400 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF0000 至 HEX #FF8800


CSS 代码:

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

 

HEX #FF0000 至 HEX #FF8800


CSS 代码:

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

 

HEX #FF8800 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF8800 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #FF8800 0%, #FF0000 97%);

线性

HEX #FF0000 至 HEX #D60100


CSS 代码:

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

径向

HEX #FF0000 至 HEX #D60100


CSS 代码:

background-image: radial-gradient(circle, #FF0000 6%, #D60100 92%);

 

HEX #D60100 至 HEX #FF0000


CSS 代码:

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

 

HEX #D60100 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #D60100 0%, #FF0000 95%);

 

HEX #FF0000 至 HEX #FF0100


CSS 代码:

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

 

HEX #FF0000 至 HEX #FF0100


CSS 代码:

background-image: radial-gradient(circle, #FF0000 13%, #FF0100 96%);

 

HEX #FF0100 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF0100 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #FF0100 5%, #FF0000 95%);

 

HEX #FF0000 至 HEX #FF2A29


CSS 代码:

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

 

HEX #FF0000 至 HEX #FF2A29


CSS 代码:

background-image: radial-gradient(circle, #FF0000 14%, #FF2A29 97%);

 

HEX #FF2A29 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF2A29 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #FF2A29 12%, #FF0000 90%);

 

HEX #FF0000 至 HEX #FF5353


CSS 代码:

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

 

HEX #FF0000 至 HEX #FF5353


CSS 代码:

background-image: radial-gradient(circle, #FF0000 6%, #FF5353 92%);

 

HEX #FF5353 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF5353 至 HEX #FF0000


CSS 代码:

background-image: radial-gradient(circle, #FF5353 8%, #FF0000 100%);

线性

HEX #FF0000 至 HEX #CCFF00


CSS 代码:

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

径向

HEX #FF0000 至 HEX #CCFF00


CSS 代码:

background-image: radial-gradient(circle, #FF0000 7%, #CCFF00 98%);

 

HEX #CCFF00 至 HEX #FF0000


CSS 代码:

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

 

HEX #CCFF00 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF0000 至 HEX #0066FF


CSS 代码:

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

 

HEX #FF0000 至 HEX #0066FF


CSS 代码:

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

 

HEX #0066FF 至 HEX #FF0000


CSS 代码:

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

 

HEX #0066FF 至 HEX #FF0000


CSS 代码:

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

线性

HEX #FF0000 至 HEX #00FF00


CSS 代码:

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

径向

HEX #FF0000 至 HEX #00FF00


CSS 代码:

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

 

HEX #00FF00 至 HEX #FF0000


CSS 代码:

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

 

HEX #00FF00 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF0000 至 HEX #0000FF


CSS 代码:

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

 

HEX #FF0000 至 HEX #0000FF


CSS 代码:

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

 

HEX #0000FF 至 HEX #FF0000


CSS 代码:

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

 

HEX #0000FF 至 HEX #FF0000


CSS 代码:

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

线性

HEX #FF0000 至 HEX #CCFF00


CSS 代码:

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

径向

HEX #FF0000 至 HEX #CCFF00


CSS 代码:

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

 

HEX #CCFF00 至 HEX #FF0000


CSS 代码:

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

 

HEX #CCFF00 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF0000 至 HEX #00FFFF


CSS 代码:

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

 

HEX #FF0000 至 HEX #00FFFF


CSS 代码:

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

 

HEX #00FFFF 至 HEX #FF0000


CSS 代码:

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

 

HEX #00FFFF 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF0000 至 HEX #3300FF


CSS 代码:

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

 

HEX #FF0000 至 HEX #3300FF


CSS 代码:

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

 

HEX #3300FF 至 HEX #FF0000


CSS 代码:

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

 

HEX #3300FF 至 HEX #FF0000


CSS 代码:

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

线性

HEX #FF0000 至 HEX #80FF00


CSS 代码:

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

径向

HEX #FF0000 至 HEX #80FF00


CSS 代码:

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

 

HEX #80FF00 至 HEX #FF0000


CSS 代码:

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

 

HEX #80FF00 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF0000 至 HEX #00FFFF


CSS 代码:

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

 

HEX #FF0000 至 HEX #00FFFF


CSS 代码:

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

 

HEX #00FFFF 至 HEX #FF0000


CSS 代码:

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

 

HEX #00FFFF 至 HEX #FF0000


CSS 代码:

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

 

HEX #FF0000 至 HEX #8000FF


CSS 代码:

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

 

HEX #FF0000 至 HEX #8000FF


CSS 代码:

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

 

HEX #8000FF 至 HEX #FF0000


CSS 代码:

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

 

HEX #8000FF 至 HEX #FF0000


CSS 代码:

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

显示更多调色板

服务

颜色

灰度 于 六角

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

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

登录您的账户

创建账户

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

取消 分享

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

分享

好的,我复制了链接

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

显示调色板
关闭

创建调色板

下载以各种格式下载

全部删除

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