度別の色見本( 配色サンプル )として、彩度を [ 80% ] で固定し、明度に変化をつけた色の一覧を色相毎に表示しています。※ この色見本( サンプル )では、一部の [ 同一色相配色 ] [ 隣接色相配色 ] [ 類似色相配色 ] [ 中差色相配色 ] [ 対照色相配色 ] [補色色相配色] [ n色配色 ] を確認できます。※ JIS有彩色のトーン別に見ると、明度30~40付近の領域を「濃い」、明度40~70付近の領域を「強い」、明度70~90付近の領域を「明るい」として捉えることができます。( 縦:色相  横:彩度/明度 )

80 / 1080 / 2080 / 3080 / 4080 / 5080 / 6080 / 7080 / 8080 / 90
0002d05055b0a0a890f0fb71414e51919ea4747ef7575f4a3a3f9d1d1
0052d08055b110a89190fb72214e52a19ea5447ef7f75f4aaa3f9d4d1
0102d0b055b170a89230fb72f14e53b19ea6247ef8975f4b0a3f9d7d1
0152d0f055b1e0a892d0fb73d14e54c19ea7047ef9375f4b7a3f9dbd1
0202d12055b250a89370fb74a14e55d19ea7d47ef9d75f4bea3f9ded1
0252d16055b2c0a89420fb75814e56e19ea8b47efa875f4c5a3f9e2d1
0302d19055b330a894c0fb76614e57f19ea9847efb275f4cca3f9e5d1
0352d1c055b390a89560fb77314e59019eaa647efbc75f4d2a3f9e8d1
0402d20055b400a89600fb78114e5a119eab447efc675f4d9a3f9ecd1
0452d23055b470a896b0fb78e14e5b219eac147efd175f4e0a3f9efd1
0502d27055b4e0a89750fb79c14e5c319eacf47efdb75f4e7a3f9f3d1
0552d2a055b550a897f0fb7aa14e5d419eadc47efe575f4eea3f9f6d1
0602d2d055b5b0a89890fb7b714e5e519eaea47efef75f4f4a3f9f9d1
0652a2d05555b0a7f890faab714d4e519dcea47e5ef75eef4a3f6f9d1
070272d054e5b0a75890f9cb714c3e519cfea47dbef75e7f4a3f3f9d1
075232d05475b0a6b890f8eb714b2e519c1ea47d1ef75e0f4a3eff9d1
080202d05405b0a60890f81b714a1e519b4ea47c6ef75d9f4a3ecf9d1
0851c2d05395b0a56890f73b71490e519a6ea47bcef75d2f4a3e8f9d1
090192d05335b0a4c890f66b7147fe51998ea47b2ef75ccf4a3e5f9d1
095162d052c5b0a42890f58b7146ee5198bea47a8ef75c5f4a3e2f9d1
100122d05255b0a37890f4ab7145de5197dea479def75bef4a3def9d1
1050f2d051e5b0a2d890f3db7144ce51970ea4793ef75b7f4a3dbf9d1
1100b2d05175b0a23890f2fb7143be51962ea4789ef75b0f4a3d7f9d1
115082d05115b0a19890f22b7142ae51954ea477fef75aaf4a3d4f9d1
120052d050a5b0a0f890f14b71419e51947ea4775ef75a3f4a3d1f9d1
125052d080a5b110f891914b72219e52a47ea5475ef7fa3f4aad1f9d4
130052d0b0a5b170f892314b72f19e53b47ea6275ef89a3f4b0d1f9d7
135052d0f0a5b1e0f892d14b73d19e54c47ea7075ef93a3f4b7d1f9db
140052d120a5b250f893714b74a19e55d47ea7d75ef9da3f4bed1f9de
145052d160a5b2c0f894214b75819e56e47ea8b75efa8a3f4c5d1f9e2
150052d190a5b330f894c14b76619e57f47ea9875efb2a3f4ccd1f9e5
155052d1c0a5b390f895614b77319e59047eaa675efbca3f4d2d1f9e8
160052d200a5b400f896014b78119e5a147eab475efc6a3f4d9d1f9ec
165052d230a5b470f896b14b78e19e5b247eac175efd1a3f4e0d1f9ef
170052d270a5b4e0f897514b79c19e5c347eacf75efdba3f4e7d1f9f3
175052d2a0a5b550f897f14b7aa19e5d447eadc75efe5a3f4eed1f9f6
180052d2d0a5b5b0f898914b7b719e5e547eaea75efefa3f4f4d1f9f9
185052a2d0a555b0f7f8914aab719d4e547dcea75e5efa3eef4d1f6f9
19005272d0a4e5b0f7589149cb719c3e547cfea75dbefa3e7f4d1f3f9
19505232d0a475b0f6b89148eb719b2e547c1ea75d1efa3e0f4d1eff9
20005202d0a405b0f60891481b719a1e547b4ea75c6efa3d9f4d1ecf9
205051c2d0a395b0f56891473b71990e547a6ea75bcefa3d2f4d1e8f9
21005192d0a335b0f4c891466b7197fe54798ea75b2efa3ccf4d1e5f9
21505162d0a2c5b0f42891458b7196ee5478bea75a8efa3c5f4d1e2f9
22005122d0a255b0f3789144ab7195de5477dea759defa3bef4d1def9
225050f2d0a1e5b0f2d89143db7194ce54770ea7593efa3b7f4d1dbf9
230050b2d0a175b0f2389142fb7193be54762ea7589efa3b0f4d1d7f9
23505082d0a115b0f19891422b7192ae54754ea757fefa3aaf4d1d4f9
24005052d0a0a5b0f0f891414b71919e54747ea7575efa3a3f4d1d1f9
24508052d110a5b190f892214b72a19e55447ea7f75efaaa3f4d4d1f9
2500b052d170a5b230f892f14b73b19e56247ea8975efb0a3f4d7d1f9
2550f052d1e0a5b2d0f893d14b74c19e57047ea9375efb7a3f4dbd1f9
26012052d250a5b370f894a14b75d19e57d47ea9d75efbea3f4ded1f9
26516052d2c0a5b420f895814b76e19e58b47eaa875efc5a3f4e2d1f9
27019052d330a5b4c0f896614b77f19e59847eab275efcca3f4e5d1f9
2751c052d390a5b560f897314b79019e5a647eabc75efd2a3f4e8d1f9
28020052d400a5b600f898114b7a119e5b447eac675efd9a3f4ecd1f9
28523052d470a5b6b0f898e14b7b219e5c147ead175efe0a3f4efd1f9
29027052d4e0a5b750f899c14b7c319e5cf47eadb75efe7a3f4f3d1f9
2952a052d550a5b7f0f89aa14b7d419e5dc47eae575efeea3f4f6d1f9
3002d052d5b0a5b890f89b714b7e519e5ea47eaef75eff4a3f4f9d1f9
3052d052a5b0a55890f7fb714aae519d4ea47dcef75e5f4a3eef9d1f6
3102d05275b0a4e890f75b7149ce519c3ea47cfef75dbf4a3e7f9d1f3
3152d05235b0a47890f6bb7148ee519b2ea47c1ef75d1f4a3e0f9d1ef
3202d05205b0a40890f60b71481e519a1ea47b4ef75c6f4a3d9f9d1ec
3252d051c5b0a39890f56b71473e51990ea47a6ef75bcf4a3d2f9d1e8
3302d05195b0a33890f4cb71466e5197fea4798ef75b2f4a3ccf9d1e5
3352d05165b0a2c890f42b71458e5196eea478bef75a8f4a3c5f9d1e2
3402d05125b0a25890f37b7144ae5195dea477def759df4a3bef9d1de
3452d050f5b0a1e890f2db7143de5194cea4770ef7593f4a3b7f9d1db
3502d050b5b0a17890f23b7142fe5193bea4762ef7589f4a3b0f9d1d7
3552d05085b0a11890f19b71422e5192aea4754ef757ff4a3aaf9d1d4

チェック時[ # ]付加

背景

サブ

メイン

文字

文字非表示 | 文字表示

色見本(Top) | 操作方法