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

CSS グラデーション:
#CC0000

インフォメーション

一網打尽



基本色調と補色などの2つの色調から、CSSが色のグラデーションを提案します。

線形および放射状の色遷移の例をご覧ください。

ウェブデザインに簡単:CSSコードをコピーして、ウェブサイトに簡単に組み込めます。

ベースとなる色調と明るい色調など、2 つの色調から CSS で色のグラデーションを提案させます。

線形および放射状の色遷移の例を 明るい色合い から検索します。

ウェブデザインに簡単:CSS コードをコピーしてウェブサイトに簡単に組み込めます。

ベースとなる色調と暗い色調など、2 つの色調から CSS で色のグラデーションを提案させます。

線形および放射状の色遷移の例を ダークシェード から検索します。

ウェブデザインに簡単:CSS コードをコピーして、ウェブサイトに簡単に組み込めます。

表示オプション

商品説明

この色では、赤が他の色より際立っています。赤の色相の値が他の2つの値より大きくなっています。緑と青の色相のために、値よりもはるかに際立っているのです。 色値が他と比べて低いため、私たちにはこの色合いが濃く見える。

RGB表色系における色の内訳:この色相では、最大255の色成分のうち、それぞれ 204 赤色 皆無 グリーンと 皆無 ブルー。

これらの色の混合比によって、重なり合った部分の真ん中に表示される色合いとなります。

イラストでは、赤(上)、緑(右下)、青(左下)の3つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。
204 0 0 R G B
CMYK表色系では、色は次のように構成される。この色調では、最大色成分100のうち、それぞれ 皆無 シアン 100 マゼンタ 100 黄色と 20

これらの色の混合比によって、重なり合った部分の真ん中に表示される色合いとなります。

イラストでは、シアン(左上)、マゼンタ(右上)、イエローまたは黄(右下)、ブラックまたはキー(左下)の4つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。
0% 100% 100% 20% C M Y K



ブランド

この色は少なくとも1社で使用されています。ここで、どのようなものがあるのかを見てみましょう。

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 #33FFFF


CSSコード:

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

ラジアル

HEX #CC0000 まで HEX #33FFFF


CSSコード:

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

 

HEX #33FFFF まで HEX #CC0000


CSSコード:

background-image: linear-gradient(135deg, #33FFFF 13%, #CC0000 98%);

 

HEX #33FFFF まで HEX #CC0000


CSSコード:

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

リニア

HEX #CC0000 まで HEX #E2120E


CSSコード:

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

ラジアル

HEX #CC0000 まで HEX #E2120E


CSSコード:

background-image: radial-gradient(circle, #CC0000 12%, #E2120E 95%);

 

HEX #E2120E まで HEX #CC0000


CSSコード:

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

 

HEX #E2120E まで HEX #CC0000


CSSコード:

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

 

HEX #CC0000 まで HEX #F32421


CSSコード:

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

 

HEX #CC0000 まで HEX #F32421


CSSコード:

background-image: radial-gradient(circle, #CC0000 6%, #F32421 86%);

 

HEX #F32421 まで HEX #CC0000


CSSコード:

background-image: linear-gradient(135deg, #F32421 10%, #CC0000 97%);

 

HEX #F32421 まで HEX #CC0000


CSSコード:

background-image: radial-gradient(circle, #F32421 13%, #CC0000 90%);

 

HEX #CC0000 まで HEX #FF3634


CSSコード:

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

 

HEX #CC0000 まで HEX #FF3634


CSSコード:

background-image: radial-gradient(circle, #CC0000 12%, #FF3634 97%);

 

HEX #FF3634 まで HEX #CC0000


CSSコード:

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

 

HEX #FF3634 まで HEX #CC0000


CSSコード:

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

 

HEX #CC0000 まで HEX #FF4847


CSSコード:

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

 

HEX #CC0000 まで HEX #FF4847


CSSコード:

background-image: radial-gradient(circle, #CC0000 13%, #FF4847 94%);

 

HEX #FF4847 まで HEX #CC0000


CSSコード:

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

 

HEX #FF4847 まで HEX #CC0000


CSSコード:

background-image: radial-gradient(circle, #FF4847 3%, #CC0000 94%);

リニア

HEX #CC0000 まで HEX #BB0000


CSSコード:

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

ラジアル

HEX #CC0000 まで HEX #BB0000


CSSコード:

background-image: radial-gradient(circle, #CC0000 13%, #BB0000 91%);

 

HEX #BB0000 まで HEX #CC0000


CSSコード:

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

 

HEX #BB0000 まで HEX #CC0000


CSSコード:

background-image: radial-gradient(circle, #BB0000 14%, #CC0000 87%);

 

HEX #CC0000 まで HEX #AA0000


CSSコード:

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

 

HEX #CC0000 まで HEX #AA0000


CSSコード:

background-image: radial-gradient(circle, #CC0000 3%, #AA0000 92%);

 

HEX #AA0000 まで HEX #CC0000


CSSコード:

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

 

HEX #AA0000 まで HEX #CC0000


CSSコード:

background-image: radial-gradient(circle, #AA0000 9%, #CC0000 98%);

 

HEX #CC0000 まで HEX #990000


CSSコード:

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

 

HEX #CC0000 まで HEX #990000


CSSコード:

background-image: radial-gradient(circle, #CC0000 0%, #990000 99%);

 

HEX #990000 まで HEX #CC0000


CSSコード:

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

 

HEX #990000 まで HEX #CC0000


CSSコード:

background-image: radial-gradient(circle, #990000 3%, #CC0000 100%);

 

HEX #CC0000 まで HEX #880000


CSSコード:

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

 

HEX #CC0000 まで HEX #880000


CSSコード:

background-image: radial-gradient(circle, #CC0000 13%, #880000 95%);

 

HEX #880000 まで HEX #CC0000


CSSコード:

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

 

HEX #880000 まで HEX #CC0000


CSSコード:

background-image: radial-gradient(circle, #880000 14%, #CC0000 100%);

リニア

HEX #CC0000 まで HEX #CC2100


CSSコード:

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

ラジアル

HEX #CC0000 まで HEX #CC2100


CSSコード:

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

 

HEX #CC2100 まで HEX #CC0000


CSSコード:

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

 

HEX #CC2100 まで HEX #CC0000


CSSコード:

background-image: radial-gradient(circle, #CC2100 13%, #CC0000 93%);

 

HEX #CC0000 まで HEX #CC4300


CSSコード:

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

 

HEX #CC0000 まで HEX #CC4300


CSSコード:

background-image: radial-gradient(circle, #CC0000 0%, #CC4300 100%);

 

HEX #CC4300 まで HEX #CC0000


CSSコード:

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

 

HEX #CC4300 まで HEX #CC0000


CSSコード:

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

 

HEX #CC0000 まで HEX #CC6600


CSSコード:

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

 

HEX #CC0000 まで HEX #CC6600


CSSコード:

background-image: radial-gradient(circle, #CC0000 2%, #CC6600 93%);

 

HEX #CC6600 まで HEX #CC0000


CSSコード:

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

 

HEX #CC6600 まで HEX #CC0000


CSSコード:

background-image: radial-gradient(circle, #CC6600 2%, #CC0000 90%);

 

HEX #CC0000 まで HEX #CC8800


CSSコード:

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

 

HEX #CC0000 まで HEX #CC8800


CSSコード:

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

 

HEX #CC8800 まで HEX #CC0000


CSSコード:

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

 

HEX #CC8800 まで HEX #CC0000


CSSコード:

background-image: radial-gradient(circle, #CC8800 12%, #CC0000 95%);

リニア

HEX #CC0000 まで HEX #000000


CSSコード:

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

ラジアル

HEX #CC0000 まで HEX #000000


CSSコード:

background-image: radial-gradient(circle, #CC0000 7%, #000000 87%);

 

HEX #000000 まで HEX #CC0000


CSSコード:

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

 

HEX #000000 まで HEX #CC0000


CSSコード:

background-image: radial-gradient(circle, #000000 5%, #CC0000 86%);

 

HEX #CC0000 まで HEX #330000


CSSコード:

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

 

HEX #CC0000 まで HEX #330000


CSSコード:

background-image: radial-gradient(circle, #CC0000 0%, #330000 95%);

 

HEX #330000 まで HEX #CC0000


CSSコード:

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

 

HEX #330000 まで HEX #CC0000


CSSコード:

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

 

HEX #CC0000 まで HEX #660000


CSSコード:

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

 

HEX #CC0000 まで HEX #660000


CSSコード:

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

 

HEX #660000 まで HEX #CC0000


CSSコード:

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

 

HEX #660000 まで HEX #CC0000


CSSコード:

background-image: radial-gradient(circle, #660000 3%, #CC0000 96%);

 

HEX #CC0000 まで HEX #990000


CSSコード:

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

 

HEX #CC0000 まで HEX #990000


CSSコード:

background-image: radial-gradient(circle, #CC0000 11%, #990000 92%);

 

HEX #990000 まで HEX #CC0000


CSSコード:

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

 

HEX #990000 まで HEX #CC0000


CSSコード:

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

リニア

HEX #CC0000 まで HEX #A3CC00


CSSコード:

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

ラジアル

HEX #CC0000 まで HEX #A3CC00


CSSコード:

background-image: radial-gradient(circle, #CC0000 7%, #A3CC00 88%);

 

HEX #A3CC00 まで HEX #CC0000


CSSコード:

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

 

HEX #A3CC00 まで HEX #CC0000


CSSコード:

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

 

HEX #CC0000 まで HEX #0051CC


CSSコード:

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

 

HEX #CC0000 まで HEX #0051CC


CSSコード:

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

 

HEX #0051CC まで HEX #CC0000


CSSコード:

background-image: linear-gradient(135deg, #0051CC 8%, #CC0000 98%);

 

HEX #0051CC まで HEX #CC0000


CSSコード:

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

リニア

HEX #CC0000 まで HEX #00CC00


CSSコード:

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

ラジアル

HEX #CC0000 まで HEX #00CC00


CSSコード:

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

 

HEX #00CC00 まで HEX #CC0000


CSSコード:

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

 

HEX #00CC00 まで HEX #CC0000


CSSコード:

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

 

HEX #CC0000 まで HEX #0000CC


CSSコード:

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

 

HEX #CC0000 まで HEX #0000CC


CSSコード:

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

 

HEX #0000CC まで HEX #CC0000


CSSコード:

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

 

HEX #0000CC まで HEX #CC0000


CSSコード:

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

リニア

HEX #CC0000 まで HEX #A3CC00


CSSコード:

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

ラジアル

HEX #CC0000 まで HEX #A3CC00


CSSコード:

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

 

HEX #A3CC00 まで HEX #CC0000


CSSコード:

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

 

HEX #A3CC00 まで HEX #CC0000


CSSコード:

background-image: radial-gradient(circle, #A3CC00 9%, #CC0000 95%);

 

HEX #CC0000 まで HEX #00CCCC


CSSコード:

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

 

HEX #CC0000 まで HEX #00CCCC


CSSコード:

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

 

HEX #00CCCC まで HEX #CC0000


CSSコード:

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

 

HEX #00CCCC まで HEX #CC0000


CSSコード:

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

 

HEX #CC0000 まで HEX #2800CC


CSSコード:

background-image: linear-gradient(135deg, #CC0000 9%, #2800CC 89%);

 

HEX #CC0000 まで HEX #2800CC


CSSコード:

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

 

HEX #2800CC まで HEX #CC0000


CSSコード:

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

 

HEX #2800CC まで HEX #CC0000


CSSコード:

background-image: radial-gradient(circle, #2800CC 9%, #CC0000 92%);

リニア

HEX #CC0000 まで HEX #66CC00


CSSコード:

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

ラジアル

HEX #CC0000 まで HEX #66CC00


CSSコード:

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

 

HEX #66CC00 まで HEX #CC0000


CSSコード:

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

 

HEX #66CC00 まで HEX #CC0000


CSSコード:

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

 

HEX #CC0000 まで HEX #00CCCC


CSSコード:

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

 

HEX #CC0000 まで HEX #00CCCC


CSSコード:

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

 

HEX #00CCCC まで HEX #CC0000


CSSコード:

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

 

HEX #00CCCC まで HEX #CC0000


CSSコード:

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

 

HEX #CC0000 まで HEX #6600CC


CSSコード:

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

 

HEX #CC0000 まで HEX #6600CC


CSSコード:

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

 

HEX #6600CC まで HEX #CC0000


CSSコード:

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

 

HEX #6600CC まで HEX #CC0000


CSSコード:

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

カラーパレットをもっと見る

サービス内容

カラー

ラグビー に 呪咀

から変換する RGB レッド・グリーン・ブルー まで #RRGGBB

ラグビー に カミーユ

から変換する RGB レッド・グリーン・ブルー まで CMYK シアン/マゼンタ/イエロー/キー

Icons

ラグビー に ラル®

から変換する RGB レッド・グリーン・ブルー まで RAL® 番号 (RAL 0000)

ラグビー に 豚足®

から変換する RGB レッド・グリーン・ブルー まで HKS® 番号(HKS 00)

ラグビー に パントン®

から変換する RGB レッド・グリーン・ブルー まで Pantone® 番号 (Pantone 0000)

ラグビー に シャーウィン・ウィリアムズ®

から変換する RGB レッド・グリーン・ブルー まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

ラグビー に エヌシーエス®

から変換する RGB レッド・グリーン・ブルー まで NCS番号(S0000-X00X)

nsc-logo

ラグバ に 呪咀

から変換する RGBA 赤 緑 青 透過率 まで #RRGGBB

ラグバ に カミーユ

から変換する RGBA 赤 緑 青 透過率 まで CMYK シアン/マゼンタ/イエロー/キー

Icons

ラグバ に ラル®

から変換する RGBA 赤 緑 青 透過率 まで RAL® 番号 (RAL 0000)

ラグバ に 豚足®

から変換する RGBA 赤 緑 青 透過率 まで HKS® 番号(HKS 00)

ラグバ に パントン®

から変換する RGBA 赤 緑 青 透過率 まで Pantone® 番号 (Pantone 0000)

ラグバ に シャーウィン・ウィリアムズ®

から変換する RGBA 赤 緑 青 透過率 まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

ラグバ に エヌシーエス®

から変換する RGBA 赤 緑 青 透過率 まで NCS番号(S0000-X00X)

nsc-logo

カミーユ に 呪咀

から変換する CMYK シアン/マゼンタ/イエロー/キー まで #RRGGBB

カミーユ に ラグビー

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RGB レッド・グリーン・ブルー

カミーユ に ラグバ

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RGBA 赤 緑 青 透過率

カミーユ に ラル®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RAL® 番号 (RAL 0000)

カミーユ に 豚足®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで HKS® 番号(HKS 00)

カミーユ に パントン®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで Pantone® 番号 (Pantone 0000)

カミーユ に シャーウィン・ウィリアムズ®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

カミーユ に エヌシーエス®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで NCS番号(S0000-X00X)

nsc-logo

呪咀 に ラグビー

から変換する #RRGGBB まで RGB レッド・グリーン・ブルー

呪咀 に ラグバ

から変換する #RRGGBB まで RGBA 赤 緑 青 透過率

呪咀 に カミーユ

から変換する #RRGGBB まで CMYK シアン/マゼンタ/イエロー/キー

Icons

呪咀 に ラル®

から変換する #RRGGBB まで RAL® 番号 (RAL 0000)

呪咀 に 豚足®

から変換する #RRGGBB まで HKS® 番号(HKS 00)

呪咀 に パントン®

から変換する #RRGGBB まで Pantone® 番号 (Pantone 0000)

呪咀 に シャーウィン・ウィリアムズ®

から変換する #RRGGBB まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

呪咀 に エヌシーエス®

から変換する #RRGGBB まで NCS番号(S0000-X00X)

nsc-logo

ラル® に ラグビー

から変換する RAL® 番号 (RAL 0000) まで RGB レッド・グリーン・ブルー

ラル® に ラグバ

から変換する RAL® 番号 (RAL 0000) まで RGBA 赤 緑 青 透過率

ラル® に カミーユ

から変換する RAL® 番号 (RAL 0000) まで CMYK シアン/マゼンタ/イエロー/キー

Icons

ラル® に 呪咀

から変換する RAL® 番号 (RAL 0000) まで #RRGGBB

ラル® に 豚足®

から変換する RAL® 番号 (RAL 0000) まで HKS® 番号(HKS 00)

ラル® に パントン®

から変換する RAL® 番号 (RAL 0000) まで Pantone® 番号 (Pantone 0000)

ラル® に シャーウィン・ウィリアムズ®

から変換する RAL® 番号 (RAL 0000) まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

ラル® に エヌシーエス®

から変換する RAL® 番号 (RAL 0000) まで NCS番号(S0000-X00X)

nsc-logo

豚足® に ラグビー

から変換する HKS® 番号(HKS 00) まで RGB レッド・グリーン・ブルー

豚足® に ラグバ

から変換する HKS® 番号(HKS 00) まで RGBA 赤 緑 青 透過率

豚足® に カミーユ

から変換する HKS® 番号(HKS 00) まで CMYK シアン/マゼンタ/イエロー/キー

Icons

豚足® に 呪咀

から変換する HKS® 番号(HKS 00) まで #RRGGBB

豚足® に ラル®

から変換する HKS® 番号(HKS 00) まで RAL® 番号 (RAL 0000)

豚足® に パントン®

から変換する HKS® 番号(HKS 00) まで Pantone® 番号 (Pantone 0000)

豚足® に シャーウィン・ウィリアムズ®

から変換する HKS® 番号(HKS 00) まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

豚足® に エヌシーエス®

から変換する HKS® 番号(HKS 00) まで NCS番号(S0000-X00X)

nsc-logo

パントン® に ラグビー

から変換する Pantone® 番号 (Pantone 0000) まで RGB レッド・グリーン・ブルー

パントン® に ラグバ

から変換する Pantone® 番号 (Pantone 0000) まで RGBA 赤 緑 青 透過率

パントン® に カミーユ

から変換する Pantone® 番号 (Pantone 0000) まで CMYK シアン/マゼンタ/イエロー/キー

Icons

パントン® に 呪咀

から変換する Pantone® 番号 (Pantone 0000) まで #RRGGBB

パントン® に ラル®

から変換する Pantone® 番号 (Pantone 0000) まで RAL® 番号 (RAL 0000)

パントン® に 豚足®

から変換する Pantone® 番号 (Pantone 0000) まで HKS® 番号(HKS 00)

パントン® に シャーウィン・ウィリアムズ®

から変換する Pantone® 番号 (Pantone 0000) まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

パントン® に エヌシーエス®

から変換する Pantone® 番号 (Pantone 0000) まで NCS番号(S0000-X00X)

nsc-logo

シャーウィン・ウィリアムズ® に ラグビー

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで RGB レッド・グリーン・ブルー

シャーウィン・ウィリアムズ® に ラグバ

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで RGBA 赤 緑 青 透過率

シャーウィン・ウィリアムズ® に カミーユ

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで CMYK シアン/マゼンタ/イエロー/キー

Icons

シャーウィン・ウィリアムズ® に 呪咀

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで #RRGGBB

シャーウィン・ウィリアムズ® に ラル®

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで RAL® 番号 (RAL 0000)

シャーウィン・ウィリアムズ® に 豚足®

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで HKS® 番号(HKS 00)

シャーウィン・ウィリアムズ® に パントン®

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで Pantone® 番号 (Pantone 0000)

シャーウィン・ウィリアムズ® に エヌシーエス®

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで NCS番号(S0000-X00X)

nsc-logo

エヌシーエス® に ラグビー

から変換する NCS番号(S0000-X00X) まで RGB レッド・グリーン・ブルー

エヌシーエス® に ラグバ

から変換する NCS番号(S0000-X00X) まで RGBA 赤 緑 青 透過率

エヌシーエス® に カミーユ

から変換する NCS番号(S0000-X00X) まで CMYK シアン/マゼンタ/イエロー/キー

Icons

エヌシーエス® に 呪咀

から変換する NCS番号(S0000-X00X) まで #RRGGBB

エヌシーエス® に ラル®

から変換する NCS番号(S0000-X00X) まで RAL® 番号 (RAL 0000)

エヌシーエス® に 豚足®

から変換する NCS番号(S0000-X00X) まで HKS® 番号(HKS 00)

エヌシーエス® に パントン®

から変換する NCS番号(S0000-X00X) まで Pantone® 番号 (Pantone 0000)

カラーパレットを保存するには、ログインする必要があります。

アカウントにログイン

または

アカウントを作成する

現在のカラーパレット 共有
公開か非公開か?
共有後、リンク(複数可)が続きます。

キャンセル シェア

カラーパレット共有
ご希望のリンクをコピーして保存してください。

シェア

OK、リンクをコピーしておきました

カラーは新しいカラーパレットに保存され、
プロフィールの下に表示されます。
さらにカスタマイズしたり、共有することもできます。

カラーパレットを表示する
了い

カラーパレットを作成する

ダウンロード各種フォーマットでダウンロード

すべて削除

をクリックすると、パレットを作成し、 色見本をダウンロードすることができます。