【Tableau】カラーパレットESV、RGB、HTML一覧

TableauはPower BIやExcelと比較してビジュアライゼーションの際に、デフォルトでも割り当てられるカラーが洗練されています。

Tableauはカラーパレットが充実しており、あらかじめ取り揃えられているカラーパレットを使えば素人でも簡単にデザイン性の優れたチャートを作ることができます。

TableauのカラーパレットはTableauに限らず、RGBなどを指定してExcelやその他のカラーコーディネートにも活かすことができます。

アクセントカラーを強調させるためには、あまり複数色を使うことはおすすめしませんが、複数色を使うにしても良い組み合わせや、グラデーションを使って強調を表現したい場合等、この記事のRGBやHTMLを参考にしてください。

Tableau10

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
121113616778121167#4e79a7
22921024224214243#f28e2b
33591572252258789#e15759
417590183118183178#76b7b2
51121301618916179#59a14f
64617823723720172#edc948
731678176176122161#b07aa1
825398255255157167#ff9da7
92110015615611795#9c755f
101719186186176172#bab0ac

Tableau20

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
121113616778121167#4e79a7
220479232160203232#a0cbe8
32921024224214243#f28e2b
430130255255190125#ffbe7b
51121301618916179#59a14f
6109102209140209125#8cd17d
74719218218215345#b6992d
84515024124120699#f1ce63
917613315273152148#499894
1017373188134188182#86bcb6
113591572252258789#e15759
121101255255157154#ff9d9a
131023121121112110#79706e
141719186186176172#bab0ac
15338117211211114149#d37295
1634060250250191210#fabfd2
1731678176176122161#b07aa1
1831555212212166200#d4a6c8
19219915715711896#9d7660
201858215215181166#d7b5a6

色覚異常

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
120223017017112170#1170aa
22824425225212511#fc7d0b
321530185163172185#a3acb9
4214491088796108#57606c
520313720695162206#5fa2ce
624255200200820#c85200
721335143123132143#7b848f
820476233163204233#a3cce9
930134255255188121#ffbc79
1021120217200208217#c8d0d9

シアトルの灰色

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
121438139118127139#767f8b
21926184179183184#b3b7b8
3220291049296104#5c6068
400211211211211#d3d3d3
521817163152156163#989ca3

信号機

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
13532411821821028#b60a1c
2402532272271522#e39802
31311711454814567#309143
411992242245349#e03531
54421424024018939#f0bd27
613114017981279100#51b364
7917925525510476#ff684c
845153255255218102#ffda66
911199206138206126#8ace7e

スーパーフィシェルストーン

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
121211518099136180#6388b4
23620325525517452#ffae34
32142239239111106#ef6f6a
418778202140194202#8cc2ca
515513017385173137#55ad89
65617319519518863#c3bc3f
733494187187118147#bb7693
81852186186160148#baa094
914516181169181174#a9b5ae
1000118118118118#767676

ミラーストーン

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
12089812879105128#4f6980
220665177132157177#849db1
313054206162206170#a2ceaa
41247313999139102#638b66
55712719119118796#bfbb60
61818624424412166#f47942
73317625125117678#fbb04e
891391821829983#b66353
95066215215206159#d7ce9f
103347185185170151#b9aa97
112834126126117109#7e756d

ヌリエルストーン

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
125379170129117170#8175aa
2154101184111184153#6fb899
318818517949161179#31a1b3
45020220420417843#ccb22b
524553201163159201#a39fc9
616473208148208192#94d0c0
719314158149156158#959c9e
81882521422123142#027b8e
95322715915914318#9f8f12

ジュエル ブライト

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
13552232352353044#eb1e2c
21820725325311148#fd6f30
33621324924916741#f9a729
44719424924921060#f9d23c
512512518795187104#5fbb68
6179131205100205204#64cdcc
718997234145220234#91dcea
824058213164164213#a4a4d5
922046229187201229#bbc9e5

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
1712531781431782#8fb202
26913820218520293#b9ca5d
33511792072076283#cf3e53
4349128241241120141#f1788d
51852551790162179#00a2b3
618170205151207208#97cfd0
73218224324316570#f3a546
834123247247196128#f7c480

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
130253144144114143#90728f
231234185185160180#b9a0b4
35815615715715561#9d9b3d
457109206206203118#cecb76
53591572252258789#e15759
68119255255152136#ff9888
700107107107107#6b6b6b
82016186186178174#bab2ae
91063170170135128#aa8780
10950218218182175#dab6af

薄い緑ーオレンジ

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
11211301597815980#4e9f50
211499209135209128#87d180
33324323923913812#ef8a0c
437145252252198109#fcc66d
518917418860168188#3ca8bc
618885228152217228#98d9e4
76720116314816335#94a323
86418020619520661#c3ce3d
9492251601601320#a08400
104921224724721242#f7d42a
1117318413738137126#26897e
1215267191141191168#8dbfa8

青ー赤ー茶

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
121114115770111157#466f9d
221083215145179215#91b3d7
33571822372376874#ed444a
41292254254181162#feb5a2
5219915715711896#9d7660
61858215215181166#d7b5a6
719918219656150196#3896c4
820083238160212238#a0d4ee
92916118618612669#ba7e45
1032116233233184127#e9b87f
113462312002001959#c8133b
122112234234135131#ea8783

紫ーピンクー灰色

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
125379168128116168#8074a8
224650240198193240#c6c1f0
3338125196196100135#c46487
434265255255190209#ffbed1
51019156156146144#9c9290
689197197191190#c5bfbe
724868201155147201#9b93c9
831246221221181213#ddb5d5
91024124124114112#7c7270
1034096244244152182#f498b6
1131689177177115160#b173a0
1231459199199153188#c799bc

Tableau Classic 10

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
120421118031119180#1f77b4
22824125525512714#ff7f0e
31201851604416044#2ca02c
43592092142143940#d62728
5271116189148103189#9467bd
6101181401408675#8c564b
7318121227227119194#e377c2
800127127127127#7f7f7f
96020918918818934#bcbd22
1018522720723190207#17becf

Tableau Classic メディア

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
1211114206114158206#729ece
22718125525515874#ff9e4a
311313219110319192#67bf5c
4315523723710293#ed665d
527278201173139201#ad8bc9
61088168168120110#a8786e
732492237237151202#ed97ca
800162162162162#a2a2a2
95913920520520493#cdcc5d
10187128218109204218#6dccda

Tableau Classic 20

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
120421118031119180#1f77b4
221464232174199232#aec7e8
32824125525512714#ff7f0e
429135255255187120#ffbb78
51201851604416044#2ca02c
611097223152223138#98df8a
73592092142143940#d62728
81105255255152150#ff9896
9271116189148103189#9467bd
1027444213197176213#c5b0d5
11101181401408675#8c564d
121062196196156148#c49c94
13318121227227119194#e377c2
1433467247247182210#f7b6d2
1500127127127127#7f7f7f
1600199199199199#c7c7c7
176020918918818934#bcbd22
186091219219219141#dbdb8d
1918522720723190207#17becf
2018979229158218229#9edae5

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
120159241185221241#b9ddf1
220266237175214237#afd6ed
320274233165207233#a5cfe9
420381228155199228#9bc7e4
520488223146192223#92c0df
620595218137184218#89b8da
7206102213128176213#80b0d5
8205106207121170207#79aacf
9206110201114163201#72a3c9
10206116195106155195#6a9bc3
1120712219099148190#6394be
1220812918491140184#5b8cb8
1320813517884133178#5485b2
1420813917278127172#4e7fac
1520914416672120166#4878a6
1621014815967113159#43719f
1721015315261106152#3d6a98
1821015814555100145#376491
192101661384893138#305d8a
202091731314287131#2a5783

オレンジ

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
131122255255198133#ffc685
232137252252190117#fcbe75
332152249249182101#f9b665
43316824724717484#f7ae54
53318324524516669#f5a645
63119324524515660#f59c3c
72920124424414652#f49234
82720824224213645#f2882d
92521424024012639#f07e27
102421923823811634#ee7422
112222023323310732#e96b20
122021922722710032#e36420
13192182192199432#db5e20
14182152102108933#d25921
15172122022028484#ca5422
16162101931937934#c14f22
17162071841847535#b84b23
18152041751757035#af4623
19142031661666534#a64122
20132001581586134#9e3d22

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
110666224179224166#b3e0a6
210680219165219150#a5db96
310794214152214135#98d687
410899208142208127#8ed07f
5109105202133202119#85ca77
6110108195125195112#7dc370
7111113188117188105#75bc69
811211618211018299#6eb663
911212117510317592#67af5c
101121251699716986#61a956
111151241628916283#59a253
121201231568115681#519c51
131241311507315079#49964f
141281371436614377#428f4d
151321491375713773#398949
161341621314813168#308344
171351671244312464#2b7c40
181361711183911861#27763d
191391701113711161#256f3d
201411681053610561#24693d

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
1977255255190178#ffbeb2
2988254254180166#feb4a6
3999253253171155#fdab9b
410109252252162144#fca290
510121251251153132#fb9984
610132250250143121#fa8f79
79142249249133110#f9856e
88150247247123102#f77b66
9715824524511393#f5715d
10716724324310384#f36754
1151732402409277#f05c4d
1221762362368073#ec5049
1301792312316969#e74545
143571882252255966#e13b42
153551972182185063#da323f
163522062112114161#d3293d
173502122022023460#ca223c
183482211931932659#c11a3b
193462251841842258#b8163a
203442291741741858#ae123a

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
131439238238201229#eec9e5
231644234234193223#eac1df
331750230230185217#e6b9d9
431852224224178210#e0b2d2
531955218218171203#daabcb
632058213213164196#d5a4c4
732061207207157190#cf9dbe
832065202202150184#ca96b8
932069196196143178#c48fb2
1032071190190137172#be89ac
1132075184184130166#b882a6
1231879178178123161#b27ba1
1331479170170117157#aa759d
1431079162162112153#a27099
1530579154154106150#9a6a96
1630178146146101145#926591
173008214014095140#8c5f8c
183008513413489134#865986
193029112912983127#81537f
203039712412477121#7c4d79

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
13652238238219189#eedbbd
23773236236210168#ecd2a8
33694235235201148#ebc994
435110234234192133#eac085
533124232232183119#e8b777
632135229229174108#e5ae6c
73114422622616598#e2a562
83015222222215790#de9d5a
92815521721714885#d99455
102615421121114084#d38c54
112415520620613281#ce8451
122215720120112377#c97b4d
132016319619611471#c47247
141816919319310565#c16941
15171761891899659#bd603b
16141801841848654#b85636
17111811791797752#b34d34
1881801731736851#ad4433
1951781661666150#a63d32
2021751591595450#9f3632

灰色

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
100213213213213#d5d5d5
21201206205206205#cdcecd
31502199197199198#c5c7c6
41604191188191190#bcbfbe
51804183180183183#b4b7b7
61927177172176177#acb0b1
719710171164169171#a4a9ab
818712164156163164#9ca3a4
919017158147156158#939c9e
1019321152139149152#8b9598
1120026147132142147#848e93
1220130141124135141#7c878d
1320334135117128135#758087
1420237129110122129#6e7a81
1520543124103115124#67737c
162104711997108119#616c77
172114811291101112#5b6570
18211501068595106#555f6a
19214531007988100#4f5864
202145794738294#49525e

暖色系の灰色

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
12013220220212208#dcd4d0
22014212212204200#d4ccc8
31816205205196192#cdc4c0
42015197197189185#c5bdb9
52016190190182178#beb6b2
62016183183175171#b7afab
71517176176167164#b0a7a4
81518169169160157#a9a09d
91518162162153150#a29996
102019155155147143#9b938f
112020148148140136#948c88
121521141141132129#8d8481
131621134134126123#867e7b
141524128128119116#807774
151023121121112110#79706e
161026115115105103#736967
1710281081089896#6c6260
1810301021029290#665c5a
19102995958684#5f5654
20103189898078#59504e

薄い青色

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
116244228188228216#bce4d8
217053220174220213#aedcd5
317662213161213210#a1d5d2
418171207149206207#95cecf
518384204137200204#89c8cc
618796202126193202#7ec1ca
7188108198114186198#72bac6
8189121194102179194#66b3c2
919013619089172190#59acbe
1019115218675165186#4ba5ba
1119216418265158182#419eb6
1219417117859150178#3b96b2
1319517717353142173#358ead
1419717416753134167#3586a7
1519917316152126161#347ea1
1620017315550119155#32779b
1720317215049111150#316f96
1820517214447103144#2f6790
192071721384596138#2d608a
202091711334489133#2c5985

オレンジー金

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
145148244244209102#f4d166
24115624624619996#f6c760
33716224824818891#f8bc5b
43417124824817882#f8b252
53217924724716874#f7a84a
63018824624615865#f69e41
72919724424414956#f49538
82820624324313947#f38b2f
92621524224212838#f28026
102422324024011730#f0751e
112322523523510828#eb6c1c
122122222822810030#e4641e
13192202222229331#de5b1f
14172162152158533#d75521
15152132072077934#cf4f22
16142121981987434#c64a22
17132081881887035#bc4623
18132051781786635#b24223
19112011681686236#a83e24
20101941581585838#9e3a26

緑ー金

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
145148244244209102#f4d166
24914522722720598#e3cd62
35414021121120195#d3c95f
46113519719519793#c3c55d
56913519417819491#b2c25b
67513418916318990#a3bd5a
78313418514718588#93b958
89013218013218087#84b457
99813017511817586#76af56
1010712516910316986#67a956
111161221639016385#5aa355
121231281587915883#4f9e53
131271351517115181#479751
141311431456414579#40914f
151341481385813877#3a8a4d
161361551325213274#34844a
171381631254512569#2d7d45
181391761193711964#257740
191411921132811359#1c713b
201432081082010854#146c36

赤ー金

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
145148244244209102#f4d166
24115624524519995#f5c75f
33716424624618888#f6bc58
43416824724717884#f7b254
53017324924916780#f9a750
62717525025015779#fa9d4f
72417725125114777#fb934d
82117824724713775#f7894b
91817824424412774#f47f4a
101617724024011974#f0774a
111317623523511073#eb6e49
121017423023010173#e66549
1371742252259272#e15c48
1451732202208471#dc5447
1521732142147669#d64c45
163591732082086768#d04344
173561822022025866#ca3a42
183531911961964965#c43141
193502031891893963#bd273f
203472151831832962#b71d3e

色相環

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
119222119827163198#1ba3c6
218419719244181192#2cb5c0
317319018848188173#30bcad
416220717633176135#21b087
51411771665116692#33a65c
61021691638716355#57a337
76820118216218239#a2b627
85121621321318733#d5bb21
94122224824818232#f8b620
103223224824814623#f89217
112122924024010325#f06719
1242122242245238#e03426
133531972352355474#eb364a
1434618024624673113#f64971
15340141252252113158#fc719e
16328130235235115179#eb73b3
17309125206206105190#ce69be
18277112194162109194#a26dc2
19243102192120115192#7873c0
2021414718679124186#4f7cba

Lightning Default

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
119415821682183216#52b7d8
2151992252259650#e16032
33519625525517659#ffb03b
414812716784167123#54a77b
518015921079210210#4fd2d2
6331103226226135178#e287b2

Lightning Color Safe

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
120716222482158224#529ee0
232760217217166194#d9a6c2
31642411458145109#08916d
4372552452451550#f59b00
52002551530102153#006699
65518524024022866#f0e442

Lightning Light

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
120720123750150237#3296ed
2207130242119185242#77b9f2
326716824215783242#9d53f2
426797245195152245#c398f5
517619917138171164#26aba4
617616121278212205#4ed4cd

Lightning Dark

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
120823719914112199#0e70c7
220720123750150237#3296ed
326722722711925227#7719e3
426716824215783242#9d53f2
51762431256125119#067d77
617619917138171164#26aba4

Lightning Bluegrass

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
18897242199242150#c7f296
213491231148231168#94e7a8
316915721081210187#51d2bb
418219917639170176#27aab0
519422313317105133#116985
62082429755497#053661

Lightning Sunrise

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
14597245245222152#f5de98
23815324524519298#f5c062
33221924524515035#f59623
42622820620610322#ce6716
53481541181184761#762f3d
62682429748597#300561

Lightning Water

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
117797242150242238#96f2ee
2194144238104206238#68ceee
320520723745156237#2d9ced
421023820614110206#0e6ece
5216243146762146#073e92
62252429752897#051c61

Lightning Watermelon

Noカラーパレット色相
(E)
彩度
(S)
明度
(V)

(R)

(G)

(B)
HTML
135097245245152167#f598a7
2348150245245101128#f56580
33482142442444078#f4284e
43532181931932847#c11c2f
53016192926334#5c3f22
613122997109727#0a611b

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA