度別の色見本(配色サンプル)として、明度を [ 10% ] で固定し、彩度に変化をつけた色の一覧を色相毎に表示しています。この色見本の中だけで配色すると、どうしても色相差を認識しずらくなるため、彩度や明度が高めの色と配色の組合わせを考えるのが無難かもしれません。※ この色サンプルでは、一部の [ 同一色相配色 ] [ 隣接色相配色 ] [ 類似色相配色 ] [ 中差色相配色 ] [ 対照色相配色 ] [補色色相配色] [ n色配色 ] を確認できます。※ JIS有彩色のトーン別に見ると、彩度10~40付近の領域を「ごく暗い」として捉えることができます。( 縦:色相  横:彩度/明度 )

10 / 1020 / 1030 / 1040 / 1050 / 1060 / 1070 / 1080 / 1090 / 10
0001c16161e1414211111230f0f260c0c280a0a2b07072d0505300202
0051c17161e151421131123110f260e0c280c0a2b0a072d0805300602
0101c17161e161421141123120f26110c280f0a2b0d072d0b05300a02
0151c18161e161421151123140f26130c28110a2b10072d0f05300e02
0201c18161e171421161123160f26150c28140a2b13072d1205301102
0251c19161e181421181123170f26170c28160a2b16072d1605301502
0301c19161e191421191123190f26190c28190a2b19072d1905301902
0351c19161e1a14211a11231b0f261b0c281c0a2b1c072d1c05301d02
0401c1a161e1b14211c11231c0f261d0c281e0a2b1f072d2005302102
0451c1a161e1c14211d11231e0f261f0c28210a2b22072d2305302402
0501c1b161e1c14211e1123200f26220c28230a2b25072d2705302802
0551c1b161e1d14211f1123210f26240c28260a2b28072d2a05302c02
0601c1c161e1e1421211123230f26260c28280a2b2b072d2d05303002
0651b1c161d1e141f211121230f24260c26280a282b072a2d052c3002
0701b1c161c1e141e211120230f22260c23280a252b07272d05283002
0751a1c161c1e141d21111e230f1f260c21280a222b07232d05243002
0801a1c161b1e141c21111c230f1d260c1e280a1f2b07202d05213002
085191c161a1e141a21111b230f1b260c1c280a1c2b071c2d051d3002
090191c16191e1419211119230f19260c19280a192b07192d05193002
095191c16181e1418211117230f17260c16280a162b07162d05153002
100181c16171e1416211116230f15260c14280a132b07122d05113002
105181c16161e1415211114230f13260c11280a102b070f2d050e3002
110171c16161e1414211112230f11260c0f280a0d2b070b2d050a3002
115171c16151e1413211111230f0e260c0c280a0a2b07082d05063002
120161c16141e141121110f230f0c260c0a280a072b07052d05023002
125161c17141e151121130f23110c260e0a280c072b0a052d08023006
130161c17141e161121140f23120c26110a280f072b0d052d0b02300a
135161c18141e161121150f23140c26130a2811072b10052d0f02300e
140161c18141e171121160f23160c26150a2814072b13052d12023011
145161c19141e181121180f23170c26170a2816072b16052d16023015
150161c19141e191121190f23190c26190a2819072b19052d19023019
155161c19141e1a11211a0f231b0c261b0a281c072b1c052d1c02301d
160161c1a141e1b11211c0f231c0c261d0a281e072b1f052d20023021
165161c1a141e1c11211d0f231e0c261f0a2821072b22052d23023024
170161c1b141e1c11211e0f23200c26220a2823072b25052d27023028
175161c1b141e1d11211f0f23210c26240a2826072b28052d2a02302c
180161c1c141e1e1121210f23230c26260a2828072b2b052d2d023030
185161b1c141d1e111f210f21230c24260a262807282b052a2d022c30
190161b1c141c1e111e210f20230c22260a232807252b05272d022830
195161a1c141c1e111d210f1e230c1f260a212807222b05232d022430
200161a1c141b1e111c210f1c230c1d260a1e28071f2b05202d022130
20516191c141a1e111a210f1b230c1b260a1c28071c2b051c2d021d30
21016191c14191e1119210f19230c19260a192807192b05192d021930
21516191c14181e1118210f17230c17260a162807162b05162d021530
22016181c14171e1116210f16230c15260a142807132b05122d021130
22516181c14161e1115210f14230c13260a112807102b050f2d020e30
23016171c14161e1114210f12230c11260a0f28070d2b050b2d020a30
23516171c14151e1113210f11230c0e260a0c28070a2b05082d020630
24016161c14141e1111210f0f230c0c260a0a2807072b05052d020230
24517161c15141e131121110f230e0c260c0a280a072b08052d060230
25017161c16141e141121120f23110c260f0a280d072b0b052d0a0230
25518161c16141e151121140f23130c26110a2810072b0f052d0e0230
26018161c17141e161121160f23150c26140a2813072b12052d110230
26519161c18141e181121170f23170c26160a2816072b16052d150230
27019161c19141e191121190f23190c26190a2819072b19052d190230
27519161c1a141e1a11211b0f231b0c261c0a281c072b1c052d1d0230
2801a161c1b141e1c11211c0f231d0c261e0a281f072b20052d210230
2851a161c1c141e1d11211e0f231f0c26210a2822072b23052d240230
2901b161c1c141e1e1121200f23220c26230a2825072b27052d280230
2951b161c1d141e1f1121210f23240c26260a2828072b2a052d2c0230
3001c161c1e141e211121230f23260c26280a282b072b2d052d300230
3051c161b1e141d21111f230f21260c24280a262b07282d052a30022c
3101c161b1e141c21111e230f20260c22280a232b07252d0527300228
3151c161a1e141c21111d230f1e260c1f280a212b07222d0523300224
3201c161a1e141b21111c230f1c260c1d280a1e2b071f2d0520300221
3251c16191e141a21111a230f1b260c1b280a1c2b071c2d051c30021d
3301c16191e1419211119230f19260c19280a192b07192d0519300219
3351c16191e1418211118230f17260c17280a162b07162d0516300215
3401c16181e1417211116230f16260c15280a142b07132d0512300211
3451c16181e1416211115230f14260c13280a112b07102d050f30020e
3501c16171e1416211114230f12260c11280a0f2b070d2d050b30020a
3551c16171e1415211113230f11260c0e280a0c2b070a2d0508300206

チェック時[ # ]付加

背景

サブ

メイン

文字

文字非表示 | 文字表示

色見本(Top) | 操作方法