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

CSS 梯度:
RGB 0 136 204

信息

全部关闭



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

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



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

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



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

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

显示选项

说明

蓝色和绿色明显主导了这种色调:蓝色和绿色的数值高于红色。 深色:低色值显得更深。

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

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

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



品牌

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

81% - Thoughts from a prog...
链接: http://www.dp.cx/blog/

56% - mandzik.org
链接: http://mandzik.org

65% - InstantName.me - fas...
链接: http://instantname.me

52% - Josh Lubawy » Home
链接: http://joshlubawy.com

37% - Latest Activity
链接: http://rcfox.ca

55% - Adam Weidner
链接: http://adamweidner.com

39% - Newori
链接: http://newori.com

92% - Learn to code | Code...
链接: http://www.codecademy.com

60% - By Opinion Poll | yo...
链接: http://byopinionpolls.com

32% - MobileTambayan.com -...
链接: http://mobiletambayan.com

27% - HonBot | HoN stats, ...
链接: http://honbot.com

74% - All Natural Acai Ber...
链接: http://madefromacai.com

59% - Bandsoc
链接: http://bandsoc.co.uk

80% - Kate Silverstein · P...
链接: http://k8si.com

60% - Apple - Remembering ...
链接: http://www.apple.com

60% - Project Meshnet
链接: https://projectmeshnet.org

29% - Ranking komorników |...
链接: http://zmierzkomornika.pl

32% - Welcome - Ben Ripken...
链接: http://blog.bripkens.de

81% - Harmonie Kunst & Vre...
链接: http://kunstenvreugd.be

53% - Coding, Culture and ...
链接: http://geeksta.net

28% - Ramiro Gómez - Web D...
链接: http://ramiro.org

31% - Articles | phawk
链接: http://phawk.co.uk

35% - James Brooks
链接: http://james.brooks.so

36% - Programming And Linu...
链接: http://www.nicosphere.net

41% - Table Editor
链接: http://truben.no

75% - canticore
链接: http://canticore.org

41% - Rui Gonçalves
链接: http://paginas.fe.up.pt

28% - World-Pictures - Pro...
链接: http://www.briceriou.com

20% - Slovenská pošta
链接: http://www.posta.sk

79% - Error 404 | Jujube W...
链接: http://jujubeweb.com

68% - Gianni blogja
链接: http://gianniblogja.blogspot.com

91% - Emite facturi online...
链接: http://web.agraf.ro

24% - Создание сайтов Каза...
链接: http://www.rupromo.ru

22% - SuggestUse - поиск а...
链接: http://suse.me

41% - lm › pikapp
链接: http://lm.pikapp.ch

26% - BERGERAC 95
链接: http://www.bergerac95.fr

87% - Home - Switch Automa...
链接: https://switchautomation.com

19% - Kabbalah Media
链接: http://kmedia.kbb1.com

15% - 오플닷컴 No.1 미국 직배송 건강식...
链接: http://www.ople.com

27% - Polska Strona Społec...
链接: http://joomla.net.pl

47% - Weber Klub
链接: http://www.weberklub.si

22% - francescoperchiazzi....
链接: http://www.francescoperchiazzi.com

24% - Home - WebKnife.net
链接: http://webknife.net

21% - CineBabai.com - Toll...
链接: http://www.cinebabai.com

61% - Algarve Hotels Speci...
链接: http://www.algarve-hoteis.com

50% - Email Search
链接: http://jparkerweb.dyndns.org:9999

31% - Logiciel de prise en...
链接: http://support.apple.com

50% - launchwerk GmbH - Ag...
链接: http://launchwerk.de

16% - Landing page templat...
链接: http://wbpreview.com

62% - ろぐほー
链接: http://logginging.org

14% - Free Press | the Fig...
链接: http://www.freepress.net

65% - Novarica Insurance &...
链接: http://www.novarica.com

38% - josias leal
链接: http://josiasleal.com

43% - 麥町 · 乌冬
链接: http://udonmai.com

40% - Hello World!
链接: http://66beta.com

24% - Maku_zin Ver2.1.1 | ...
链接: http://makurazaki.org

68% - 我的Blog
链接: http://blog.hellofe.com

35% - Atom Reader
链接: http://atom-reader.herokuapp.com

30% - Test
链接: http://test.zentopy.com

67% - 宇都宮ウエブ制作所
链接: http://utweb.jp

51% - праздник к нам прихо...
链接: http://kudris.com

20% - Büchel | Garten und ...
链接: http://www.buechel-gala.de

75% - Sublime Text 手冊
链接: http://docs.sublimetext.tw

33% - <FullKod/>
链接: http://fullkod.co

33% - CTB Research Group
链接: http://ctbrg.cafe24.com

39% - http://sina-...
链接: http://sina-meier.de

21% - Web Design si Progra...
链接: http://webdesign.doublebit.net

61% - 首页 - Fainle blog
链接: http://dilan.sinaapp.com

59% - En construccion
链接: http://www.mchoele.com.ar

32% - viniedodo的小地方 | Love...
链接: http://viniedodo.com

24% - Apple - サポート - iMac ...
链接: http://www.apple.com

49% - Kraken - A lightweig...
链接: http://cferdinandi.github.io

57% - アップル - プライバシーポリシー
链接: http://www.apple.com

43% - Apple - サポート - サイトマッ...
链接: http://www.apple.com

83% - Home
链接: http://128bitstudios.com

35% - 交通数据分析平台
链接: http://dalian-its.vicp.cc

57% - アップル - Legal
链接: http://www.apple.com

36% - Apple - Page Not Fou...
链接: http://www.apple.com

52% - Android Site for Ent...
链接: http://androidse.com

61% - Catheria
链接: http://catheria.com

30% - pc-delivery.com :: P...
链接: http://www.pc-delivery.com

27% - 实现
链接: http://shixiann.com

44% - #dogfeet - 개발새발
链接: http://dogfeet.github.io

27% - pozrisi.sk - Unicorn...
链接: http://pozrisi.sk

34% - VirtueMart PRO
链接: http://virtuemartpro.com.br

38% - 一堵墙
链接: http://www.yiduqiang.com

63% - yoruyo
链接: http://yoruyo.com

38% - Inicio - miestiloweb...
链接: http://miestiloweb.com

23% - School
链接: http://school.ocomm.com.tw

42% - Pobono 讓夢想被看見
链接: http://www.pobono.org

35% - EpicBlockParty | Hom...
链接: http://www.epicblockparty.com

43% - Literatecode
链接: http://literatecode.com

59% - Meriland
链接: http://meriland.es

36% - 404
链接: http://monchito.com

49% - Клиентская база
链接: http://system-test.ru

22% - Psep.cl « Si es libr...
链接: http://www.psep.cl

71% - 中二社
链接: http://www.nonodevil.com

41% - アップル - 連絡先
链接: http://www.apple.com

43% - 各連絡先 - Apple Store (...
链接: http://store.apple.com

35% - iBooks Author: テキストの...
链接: http://support.apple.com

70% - USB 電源アダプタ引き取りプログラム
链接: http://www.apple.com

52% - アップル - Legal - ポリシー
链接: http://www.apple.com

61% - CR8
链接: http://app.cr8.ch

38% - HTML那些事
链接: http://lizhen.net.cn

24% - ExamTime - Changing ...
链接: https://www.examtime.com

56% - Lawson Fulton
链接: http://fulton.io

36% - しかく
链接: http://shikaku.in

55% - Apple - Support - Ch...
链接: https://selfsolve.apple.com

40% - Charities Facilities...
链接: http://www.charity-fm.org.uk

40% - KIKOT.COM.UA | Дипл....
链接: http://kikot.com.ua

24% - BGMs.me - Create and...
链接: http://bgms.me

20% - Local Auto Leasing |...
链接: http://www.kolkosher.com

100% - applepalette.gif (50...
链接: http://0.tqn.com

32% - Blog de Humberto Amo...
链接: http://www.humbertoamo.com

32% - Webmaster Tool Kit
链接: http://webmastertk.com

23% - Code Guide by @mdo
链接: http://mdo.github.io

100% - The Apple.com naviga...
链接: http://demo.marcofolio.net

30% - LIMSTAR
链接: http://limstar.com

42% - snCode 微代码
链接: http://www.sncode.net

46% - akiratw Blog
链接: http://akr.tw

31% - Distribuciones - Des...
链接: http://blog.desdelinux.net

44% - Code Guide by @mdo
链接: http://4l.by

33% - Bestsellers | Best o...
链接: http://books.best10buy.com

75% - Best Rated | PAbmAbs...
链接: http://devel.launch-site.com

74% - iCreate Web Solution...
链接: http://www.icreate.be

27% - Willkommen auf der W...
链接: http://pmueller.de

46% - Community: Tutorials...
链接: https://discussions.apple.com

35% - frasebooks.com... qu...
链接: http://www.frasebooks.com

23% - Aperture:プリントおよび Web...
链接: http://support.apple.com

41% - Home - Lebarican Lov...
链接: http://www.lebaricanwedding.com

33% - Home Page > AGESC...
链接: http://www.agescivr3.it

90% - Emite facturi online...
链接: http://agraf.ro

61% - GM Medya Web Tasarım...
链接: http://gmmedya.com

81% - Crea tu sitio web gr...
链接: http://es.jimdo.com

70% - Symplicity | Home
链接: https://www.symplicity.com

79% - hazMAX | Compliance ...
链接: http://hazmaxonline.com

48% - Welcome to .NET code...
链接: http://dotnetcodepress.com

44% - Okler Themes | Porto
链接: http://switcher.oklerthemes.com

38% - Apple (日本) - Apple P...
链接: http://www.apple.com

53% - Inicio
链接: http://collserola.demojoomla.com

66% - Apple - Contact - Ho...
链接: http://www.apple.com

29% - Trading Post - Buyin...
链接: http://www.tradingpost.com.au

92% - Notablist - Email Ne...
链接: https://notablist.com

45% - Westmont
链接: http://westmont.edu

32% - Om Nimbus Regnskap |...
链接: http://nimbusregnskap.no

51% - てくろぐ: 特集
链接: http://techlog.iij.ad.jp

52% - Orbita Infantil | Ce...
链接: http://orbitainfantil.com

28% - Symfony, High Perfor...
链接: http://symfony.com

91% - TARGEO | Inicio
链接: http://targeo.mx

35% - GeekSys | On-life An...
链接: http://www.geeksys.com.br

80% - Desarrollo Personal ...
链接: http://www.sebascelis.com

62% - Home
链接: http://www.gm78.at

78% - プライバシー - Appleのプライバシ...
链接: http://www.apple.com

30% - Melakukan Promosi Di...
链接: http://jakarta.egerin.com

23% - トップページ| スポーツ合宿・大会 in...
链接: http://sports-hakodate.jp

28% - KOOLOUD
链接: http://www.kooloud.com

66% - TASUKI
链接: https://tasuki.ne.jp

14% - https://hika...
链接: http://www.all-connect.jp

44% - IceBorn
链接: http://iceborn.ru

51% - ГЛАВНАЯ - ITdesk
链接: http://itdesk.kiev.ua

57% - УСЛУГИ - ITdesk
链接: http://itdesk.kiev.ua

32% - Awesome Internet vid...
链接: http://milkandcookies.com

61% - Home | Malaysia Airl...
链接: http://www.malaysiaairlines.com

33% - 札幌 - Apple Store - A...
链接: http://www.apple.com

53% - De Cuore - De Cuore ...
链接: http://de-cuore.blog.br

68% - Home
链接: http://www.exportaffaires.com

31% - djshop.by - Магазин ...
链接: http://djshop.by

62% - CodeIT Solution - Ho...
链接: http://codeit.mk

17% - Home | Springfield C...
链接: http://www.springfieldlibrary.org

18% - Conoce a Adobe Muse ...
链接: http://xpert.co

37% - Thành Tâm Bags
链接: http://tambags.com

54% - Bootstrap Accordion ...
链接: http://www.bootply.com

24% - Cổng thông tin đào t...
链接: https://daa.uit.edu.vn

36% - Bechara Tarabay avoc...
链接: http://36avocats.com

28% - http://www.v...
链接: http://www.villedeocr.tk

85% - Activités du mois
链接: http://www.villedeocr.tk

20% - Schroders global - S...
链接: http://www.schroders.com

53% - FindClan.org | Помож...
链接: http://findclan.org

73% - TypeApp | Home
链接: http://www.typeapp.com

49% - Teeth 22 - Clínica d...
链接: http://www.teeth22.com

74% - Grupo Autofin Monter...
链接: http://autofinauto.com

41% - Home | Ezink
链接: http://www.ezink.com

63% - Privacy - Our Privac...
链接: http://www.apple.com

30% - Porto - Homepage 6
链接: http://www.newsmartwave.net

56% - Seojet Yazılım ERP E...
链接: http://seojet.com.tr

21% - Code Guide by @mdo
链接: http://codeguide.co

36% - Реестр собственников
链接: http://domupravlenie.ru

28% - 百度地图迁徙人气——全国人口的迁徙路书
链接: http://qianxi.baidu.com

45% - Porto WordPress – Po...
链接: http://www.portotheme.com

26% - Corona Admin
链接: http://www.bootstrapdash.com

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

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

我们走

线性

HEX #0088CC 至 HEX #FF7733


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 14%, #FF7733 98%);

径向

HEX #0088CC 至 HEX #FF7733


CSS 代码:

background-image: radial-gradient(circle, #0088CC 1%, #FF7733 90%);

 

HEX #FF7733 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #FF7733 7%, #0088CC 93%);

 

HEX #FF7733 至 HEX #0088CC


CSS 代码:

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

线性

HEX #0088CC 至 HEX #00BECC


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 11%, #00BECC 88%);

径向

HEX #0088CC 至 HEX #00BECC


CSS 代码:

background-image: radial-gradient(circle, #0088CC 13%, #00BECC 99%);

 

HEX #00BECC 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #00BECC 2%, #0088CC 100%);

 

HEX #00BECC 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #00BECC 5%, #0088CC 96%);

 

HEX #0088CC 至 HEX #0052CC


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 8%, #0052CC 96%);

 

HEX #0088CC 至 HEX #0052CC


CSS 代码:

background-image: radial-gradient(circle, #0088CC 1%, #0052CC 93%);

 

HEX #0052CC 至 HEX #0088CC


CSS 代码:

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

 

HEX #0052CC 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #0052CC 2%, #0088CC 97%);

 

HEX #0088CC 至 HEX #001BCC


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 12%, #001BCC 93%);

 

HEX #0088CC 至 HEX #001BCC


CSS 代码:

background-image: radial-gradient(circle, #0088CC 1%, #001BCC 87%);

 

HEX #001BCC 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #001BCC 13%, #0088CC 90%);

 

HEX #001BCC 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #001BCC 7%, #0088CC 96%);

线性

HEX #0088CC 至 HEX #006CA3


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 1%, #006CA3 99%);

径向

HEX #0088CC 至 HEX #006CA3


CSS 代码:

background-image: radial-gradient(circle, #0088CC 11%, #006CA3 92%);

 

HEX #006CA3 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #006CA3 1%, #0088CC 98%);

 

HEX #006CA3 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #006CA3 2%, #0088CC 92%);

 

HEX #0088CC 至 HEX #00A4F5


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 2%, #00A4F5 97%);

 

HEX #0088CC 至 HEX #00A4F5


CSS 代码:

background-image: radial-gradient(circle, #0088CC 6%, #00A4F5 91%);

 

HEX #00A4F5 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #00A4F5 11%, #0088CC 95%);

 

HEX #00A4F5 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #00A4F5 2%, #0088CC 94%);

 

HEX #0088CC 至 HEX #20B5FF


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 10%, #20B5FF 87%);

 

HEX #0088CC 至 HEX #20B5FF


CSS 代码:

background-image: radial-gradient(circle, #0088CC 9%, #20B5FF 87%);

 

HEX #20B5FF 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #20B5FF 9%, #0088CC 98%);

 

HEX #20B5FF 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #20B5FF 5%, #0088CC 87%);

线性

HEX #0088CC 至 HEX #00BECC


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 10%, #00BECC 99%);

径向

HEX #0088CC 至 HEX #00BECC


CSS 代码:

background-image: radial-gradient(circle, #0088CC 1%, #00BECC 98%);

 

HEX #00BECC 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #00BECC 14%, #0088CC 89%);

 

HEX #00BECC 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #00BECC 12%, #0088CC 88%);

 

HEX #0088CC 至 HEX #0052CC


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 10%, #0052CC 97%);

 

HEX #0088CC 至 HEX #0052CC


CSS 代码:

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

 

HEX #0052CC 至 HEX #0088CC


CSS 代码:

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

 

HEX #0052CC 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #0052CC 1%, #0088CC 100%);

 

HEX #0088CC 至 HEX #001BCC


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 2%, #001BCC 100%);

 

HEX #0088CC 至 HEX #001BCC


CSS 代码:

background-image: radial-gradient(circle, #0088CC 11%, #001BCC 96%);

 

HEX #001BCC 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #001BCC 9%, #0088CC 98%);

 

HEX #001BCC 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #001BCC 1%, #0088CC 86%);

线性

HEX #0088CC 至 HEX #006CA3


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 7%, #006CA3 98%);

径向

HEX #0088CC 至 HEX #006CA3


CSS 代码:

background-image: radial-gradient(circle, #0088CC 13%, #006CA3 97%);

 

HEX #006CA3 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #006CA3 3%, #0088CC 100%);

 

HEX #006CA3 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #006CA3 7%, #0088CC 89%);

 

HEX #0088CC 至 HEX #00A4F5


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 5%, #00A4F5 90%);

 

HEX #0088CC 至 HEX #00A4F5


CSS 代码:

background-image: radial-gradient(circle, #0088CC 1%, #00A4F5 98%);

 

HEX #00A4F5 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #00A4F5 6%, #0088CC 88%);

 

HEX #00A4F5 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #00A4F5 10%, #0088CC 86%);

 

HEX #0088CC 至 HEX #20B5FF


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 9%, #20B5FF 95%);

 

HEX #0088CC 至 HEX #20B5FF


CSS 代码:

background-image: radial-gradient(circle, #0088CC 14%, #20B5FF 87%);

 

HEX #20B5FF 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #20B5FF 0%, #0088CC 90%);

 

HEX #20B5FF 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #20B5FF 2%, #0088CC 100%);

线性

HEX #0088CC 至 HEX #6D00CC


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 5%, #6D00CC 95%);

径向

HEX #0088CC 至 HEX #6D00CC


CSS 代码:

background-image: radial-gradient(circle, #0088CC 3%, #6D00CC 89%);

 

HEX #6D00CC 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #6D00CC 12%, #0088CC 100%);

 

HEX #6D00CC 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #6D00CC 8%, #0088CC 87%);

 

HEX #0088CC 至 HEX #CCBE00


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 9%, #CCBE00 88%);

 

HEX #0088CC 至 HEX #CCBE00


CSS 代码:

background-image: radial-gradient(circle, #0088CC 10%, #CCBE00 100%);

 

HEX #CCBE00 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #CCBE00 5%, #0088CC 93%);

 

HEX #CCBE00 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #CCBE00 5%, #0088CC 99%);

线性

HEX #0088CC 至 HEX #CC0088


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 8%, #CC0088 88%);

径向

HEX #0088CC 至 HEX #CC0088


CSS 代码:

background-image: radial-gradient(circle, #0088CC 7%, #CC0088 88%);

 

HEX #CC0088 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #CC0088 11%, #0088CC 86%);

 

HEX #CC0088 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #CC0088 13%, #0088CC 89%);

 

HEX #0088CC 至 HEX #88CC00


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 8%, #88CC00 95%);

 

HEX #0088CC 至 HEX #88CC00


CSS 代码:

background-image: radial-gradient(circle, #0088CC 10%, #88CC00 88%);

 

HEX #88CC00 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #88CC00 14%, #0088CC 100%);

 

HEX #88CC00 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #88CC00 11%, #0088CC 89%);

线性

HEX #0088CC 至 HEX #6D00CC


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 11%, #6D00CC 96%);

径向

HEX #0088CC 至 HEX #6D00CC


CSS 代码:

background-image: radial-gradient(circle, #0088CC 8%, #6D00CC 91%);

 

HEX #6D00CC 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #6D00CC 6%, #0088CC 90%);

 

HEX #6D00CC 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #6D00CC 8%, #0088CC 89%);

 

HEX #0088CC 至 HEX #CC4400


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 1%, #CC4400 86%);

 

HEX #0088CC 至 HEX #CC4400


CSS 代码:

background-image: radial-gradient(circle, #0088CC 7%, #CC4400 87%);

 

HEX #CC4400 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #CC4400 9%, #0088CC 90%);

 

HEX #CC4400 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #CC4400 13%, #0088CC 96%);

 

HEX #0088CC 至 HEX #5FCC00


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 14%, #5FCC00 92%);

 

HEX #0088CC 至 HEX #5FCC00


CSS 代码:

background-image: radial-gradient(circle, #0088CC 1%, #5FCC00 88%);

 

HEX #5FCC00 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #5FCC00 12%, #0088CC 95%);

 

HEX #5FCC00 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #5FCC00 12%, #0088CC 98%);

线性

HEX #0088CC 至 HEX #AA00CC


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 1%, #AA00CC 90%);

径向

HEX #0088CC 至 HEX #AA00CC


CSS 代码:

background-image: radial-gradient(circle, #0088CC 12%, #AA00CC 96%);

 

HEX #AA00CC 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #AA00CC 10%, #0088CC 86%);

 

HEX #AA00CC 至 HEX #0088CC


CSS 代码:

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

 

HEX #0088CC 至 HEX #CC4400


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 1%, #CC4400 100%);

 

HEX #0088CC 至 HEX #CC4400


CSS 代码:

background-image: radial-gradient(circle, #0088CC 5%, #CC4400 99%);

 

HEX #CC4400 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #CC4400 2%, #0088CC 95%);

 

HEX #CC4400 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #CC4400 1%, #0088CC 96%);

 

HEX #0088CC 至 HEX #22CC00


CSS 代码:

background-image: linear-gradient(135deg, #0088CC 3%, #22CC00 91%);

 

HEX #0088CC 至 HEX #22CC00


CSS 代码:

background-image: radial-gradient(circle, #0088CC 8%, #22CC00 93%);

 

HEX #22CC00 至 HEX #0088CC


CSS 代码:

background-image: linear-gradient(135deg, #22CC00 9%, #0088CC 88%);

 

HEX #22CC00 至 HEX #0088CC


CSS 代码:

background-image: radial-gradient(circle, #22CC00 3%, #0088CC 95%);

显示更多调色板

服务

颜色

灰度 于 六角

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

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

登录您的账户

创建账户

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

取消 分享

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

分享

好的,我复制了链接

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

显示调色板
关闭

创建调色板

下载以各种格式下载

全部删除

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