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

＼70 / 1070 / 2070 / 3070 / 4070 / 5070 / 6070 / 7070 / 8070 / 90
0002b0707560f0f821616ad1e1ed82626e05151e77c7cefa8a8f7d3d3
0052b0a0756150f821f16ad2a1ed83526e05d51e7857cefaea8f7d6d3
0102b0d07561b0f822816ad361ed84426e06951e78e7cefb4a8f7d9d3
0152b100756210f823116ad421ed85226e07551e7977cefbaa8f7dcd3
0202b130756270f823a16ad4e1ed86126e08151e7a07cefc0a8f7dfd3
0252b1607562d0f824316ad5a1ed87026e08c51e7a97cefc6a8f7e2d3
0302b190756330f824c16ad661ed87f26e09851e7b27cefcca8f7e5d3
0352b1c0756380f825516ad711ed88e26e0a451e7bb7cefd1a8f7e8d3
0402b1f07563e0f825e16ad7d1ed89d26e0b051e7c47cefd7a8f7ebd3
0452b220756440f826716ad891ed8ac26e0bc51e7cd7cefdda8f7eed3
0502b2507564a0f827016ad951ed8bb26e0c851e7d57cefe3a8f7f1d3
0552b280756500f827916ada11ed8c926e0d451e7de7cefe9a8f7f4d3
0602b2b0756560f828216adad1ed8d826e0e051e7e77cefefa8f7f7d3
065282b0750560f798216a1ad1ec9d826d4e051dee77ce9efa8f4f7d3
070252b074a560f70821695ad1ebbd826c8e051d5e77ce3efa8f1f7d3
075222b0744560f67821689ad1eacd826bce051cde77cddefa8eef7d3
0801f2b073e560f5e82167dad1e9dd826b0e051c4e77cd7efa8ebf7d3
0851c2b0738560f55821671ad1e8ed826a4e051bbe77cd1efa8e8f7d3
090192b0733560f4c821666ad1e7fd82698e051b2e77cccefa8e5f7d3
095162b072d560f4382165aad1e70d8268ce051a9e77cc6efa8e2f7d3
100132b0727560f3a82164ead1e61d82681e051a0e77cc0efa8dff7d3
105102b0721560f31821642ad1e52d82675e05197e77cbaefa8dcf7d3
1100d2b071b560f28821636ad1e44d82669e0518ee77cb4efa8d9f7d3
1150a2b0715560f1f82162aad1e35d8265de05185e77caeefa8d6f7d3
120072b070f560f1682161ead1e26d82651e0517ce77ca8efa8d3f7d3
125072b0a0f561516821f1ead2a26d83551e05d7ce785a8efaed3f7d6
130072b0d0f561b1682281ead3626d84451e0697ce78ea8efb4d3f7d9
135072b100f56211682311ead4226d85251e0757ce797a8efbad3f7dc
140072b130f562716823a1ead4e26d86151e0817ce7a0a8efc0d3f7df
145072b160f562d1682431ead5a26d87051e08c7ce7a9a8efc6d3f7e2
150072b190f563316824c1ead6626d87f51e0987ce7b2a8efccd3f7e5
155072b1c0f56381682551ead7126d88e51e0a47ce7bba8efd1d3f7e8
160072b1f0f563e16825e1ead7d26d89d51e0b07ce7c4a8efd7d3f7eb
165072b220f56441682671ead8926d8ac51e0bc7ce7cda8efddd3f7ee
170072b250f564a1682701ead9526d8bb51e0c87ce7d5a8efe3d3f7f1
175072b280f56501682791eada126d8c951e0d47ce7dea8efe9d3f7f4
180072b2b0f56561682821eadad26d8d851e0e07ce7e7a8efefd3f7f7
18507282b0f50561679821ea1ad26c9d851d4e07cdee7a8e9efd3f4f7
19007252b0f4a561670821e95ad26bbd851c8e07cd5e7a8e3efd3f1f7
19507222b0f44561667821e89ad26acd851bce07ccde7a8ddefd3eef7
200071f2b0f3e56165e821e7dad269dd851b0e07cc4e7a8d7efd3ebf7
205071c2b0f38561655821e71ad268ed851a4e07cbbe7a8d1efd3e8f7
21007192b0f3356164c821e66ad267fd85198e07cb2e7a8ccefd3e5f7
21507162b0f2d561643821e5aad2670d8518ce07ca9e7a8c6efd3e2f7
22007132b0f2756163a821e4ead2661d85181e07ca0e7a8c0efd3dff7
22507102b0f21561631821e42ad2652d85175e07c97e7a8baefd3dcf7
230070d2b0f1b561628821e36ad2644d85169e07c8ee7a8b4efd3d9f7
235070a2b0f1556161f821e2aad2635d8515de07c85e7a8aeefd3d6f7
24007072b0f0f561616821e1ead2626d85151e07c7ce7a8a8efd3d3f7
2450a072b150f561f16822a1ead3526d85d51e0857ce7aea8efd6d3f7
2500d072b1b0f56281682361ead4426d86951e08e7ce7b4a8efd9d3f7
25510072b210f56311682421ead5226d87551e0977ce7baa8efdcd3f7
26013072b270f563a16824e1ead6126d88151e0a07ce7c0a8efdfd3f7
26516072b2d0f564316825a1ead7026d88c51e0a97ce7c6a8efe2d3f7
27019072b330f564c1682661ead7f26d89851e0b27ce7cca8efe5d3f7
2751c072b380f56551682711ead8e26d8a451e0bb7ce7d1a8efe8d3f7
2801f072b3e0f565e16827d1ead9d26d8b051e0c47ce7d7a8efebd3f7
28522072b440f56671682891eadac26d8bc51e0cd7ce7dda8efeed3f7
29025072b4a0f56701682951eadbb26d8c851e0d57ce7e3a8eff1d3f7
29528072b500f56791682a11eadc926d8d451e0de7ce7e9a8eff4d3f7
3002b072b560f56821682ad1eadd826d8e051e0e77ce7efa8eff7d3f7
3052b0728560f50821679ad1ea1d826c9e051d4e77cdeefa8e9f7d3f4
3102b0725560f4a821670ad1e95d826bbe051c8e77cd5efa8e3f7d3f1
3152b0722560f44821667ad1e89d826ace051bce77ccdefa8ddf7d3ee
3202b071f560f3e82165ead1e7dd8269de051b0e77cc4efa8d7f7d3eb
3252b071c560f38821655ad1e71d8268ee051a4e77cbbefa8d1f7d3e8
3302b0719560f3382164cad1e66d8267fe05198e77cb2efa8ccf7d3e5
3352b0716560f2d821643ad1e5ad82670e0518ce77ca9efa8c6f7d3e2
3402b0713560f2782163aad1e4ed82661e05181e77ca0efa8c0f7d3df
3452b0710560f21821631ad1e42d82652e05175e77c97efa8baf7d3dc
3502b070d560f1b821628ad1e36d82644e05169e77c8eefa8b4f7d3d9
3552b070a560f1582161fad1e2ad82635e0515de77c85efa8aef7d3d6

チェック時[ # ]付加

背景

サブ

メイン

文字

文字非表示 | 文字表示

色見本(Top) | 操作方法