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

＼10 / 7020 / 7030 / 7040 / 7050 / 7060 / 7070 / 7080 / 7090 / 70
000baaaaac1a2a2c99b9bd19393d88b8be08484e77c7cef7575f76d6d
005baabaac1a5a2c99f9bd19993d8928be08c84e7857cef7f75f7786d
010baadaac1a8a2c9a39bd19e93d8988be09384e78e7cef8975f7846d
015baaeaac1aaa2c9a69bd1a393d89f8be09b84e7977cef9375f78f6d
020baafaac1ada2c9aa9bd1a893d8a58be0a384e7a07cef9d75f79b6d
025bab1aac1afa2c9ae9bd1ad93d8ab8be0aa84e7a97cefa875f7a66d
030bab2aac1b2a2c9b29bd1b293d8b28be0b284e7b27cefb275f7b26d
035bab3aac1b4a2c9b69bd1b793d8b88be0ba84e7bb7cefbc75f7bd6d
040bab4aac1b7a2c9b99bd1bc93d8bf8be0c184e7c47cefc675f7c96d
045bab6aac1baa2c9bd9bd1c193d8c58be0c984e7cd7cefd175f7d46d
050bab7aac1bca2c9c19bd1c693d8cb8be0d084e7d57cefdb75f7e06d
055bab8aac1bfa2c9c59bd1cb93d8d28be0d884e7de7cefe575f7eb6d
060babaaac1c1a2c9c99bd1d193d8d88be0e084e7e77cefef75f7f76d
065b8baaabfc1a2c5c99bcbd193d2d88bd8e084dee77ce5ef75ebf76d
070b7baaabcc1a2c1c99bc6d193cbd88bd0e084d5e77cdbef75e0f76d
075b6baaabac1a2bdc99bc1d193c5d88bc9e084cde77cd1ef75d4f76d
080b4baaab7c1a2b9c99bbcd193bfd88bc1e084c4e77cc6ef75c9f76d
085b3baaab4c1a2b6c99bb7d193b8d88bbae084bbe77cbcef75bdf76d
090b2baaab2c1a2b2c99bb2d193b2d88bb2e084b2e77cb2ef75b2f76d
095b1baaaafc1a2aec99badd193abd88baae084a9e77ca8ef75a6f76d
100afbaaaadc1a2aac99ba8d193a5d88ba3e084a0e77c9def759bf76d
105aebaaaaac1a2a6c99ba3d1939fd88b9be08497e77c93ef758ff76d
110adbaaaa8c1a2a3c99b9ed19398d88b93e0848ee77c89ef7584f76d
115abbaaaa5c1a29fc99b99d19392d88b8ce08485e77c7fef7578f76d
120aabaaaa2c1a29bc99b93d1938bd88b84e0847ce77c75ef756df76d
125aabaaba2c1a59bc99f93d1998bd89284e08c7ce78575ef7f6df778
130aabaada2c1a89bc9a393d19e8bd89884e0937ce78e75ef896df784
135aabaaea2c1aa9bc9a693d1a38bd89f84e09b7ce79775ef936df78f
140aabaafa2c1ad9bc9aa93d1a88bd8a584e0a37ce7a075ef9d6df79b
145aabab1a2c1af9bc9ae93d1ad8bd8ab84e0aa7ce7a975efa86df7a6
150aabab2a2c1b29bc9b293d1b28bd8b284e0b27ce7b275efb26df7b2
155aabab3a2c1b49bc9b693d1b78bd8b884e0ba7ce7bb75efbc6df7bd
160aabab4a2c1b79bc9b993d1bc8bd8bf84e0c17ce7c475efc66df7c9
165aabab6a2c1ba9bc9bd93d1c18bd8c584e0c97ce7cd75efd16df7d4
170aabab7a2c1bc9bc9c193d1c68bd8cb84e0d07ce7d575efdb6df7e0
175aabab8a2c1bf9bc9c593d1cb8bd8d284e0d87ce7de75efe56df7eb
180aababaa2c1c19bc9c993d1d18bd8d884e0e07ce7e775efef6df7f7
185aab8baa2bfc19bc5c993cbd18bd2d884d8e07cdee775e5ef6debf7
190aab7baa2bcc19bc1c993c6d18bcbd884d0e07cd5e775dbef6de0f7
195aab6baa2bac19bbdc993c1d18bc5d884c9e07ccde775d1ef6dd4f7
200aab4baa2b7c19bb9c993bcd18bbfd884c1e07cc4e775c6ef6dc9f7
205aab3baa2b4c19bb6c993b7d18bb8d884bae07cbbe775bcef6dbdf7
210aab2baa2b2c19bb2c993b2d18bb2d884b2e07cb2e775b2ef6db2f7
215aab1baa2afc19baec993add18babd884aae07ca9e775a8ef6da6f7
220aaafbaa2adc19baac993a8d18ba5d884a3e07ca0e7759def6d9bf7
225aaaebaa2aac19ba6c993a3d18b9fd8849be07c97e77593ef6d8ff7
230aaadbaa2a8c19ba3c9939ed18b98d88493e07c8ee77589ef6d84f7
235aaabbaa2a5c19b9fc99399d18b92d8848ce07c85e7757fef6d78f7
240aaaabaa2a2c19b9bc99393d18b8bd88484e07c7ce77575ef6d6df7
245abaabaa5a2c19f9bc99993d1928bd88c84e0857ce77f75ef786df7
250adaabaa8a2c1a39bc99e93d1988bd89384e08e7ce78975ef846df7
255aeaabaaaa2c1a69bc9a393d19f8bd89b84e0977ce79375ef8f6df7
260afaabaada2c1aa9bc9a893d1a58bd8a384e0a07ce79d75ef9b6df7
265b1aabaafa2c1ae9bc9ad93d1ab8bd8aa84e0a97ce7a875efa66df7
270b2aabab2a2c1b29bc9b293d1b28bd8b284e0b27ce7b275efb26df7
275b3aabab4a2c1b69bc9b793d1b88bd8ba84e0bb7ce7bc75efbd6df7
280b4aabab7a2c1b99bc9bc93d1bf8bd8c184e0c47ce7c675efc96df7
285b6aababaa2c1bd9bc9c193d1c58bd8c984e0cd7ce7d175efd46df7
290b7aababca2c1c19bc9c693d1cb8bd8d084e0d57ce7db75efe06df7
295b8aababfa2c1c59bc9cb93d1d28bd8d884e0de7ce7e575efeb6df7
300baaabac1a2c1c99bc9d193d1d88bd8e084e0e77ce7ef75eff76df7
305baaab8c1a2bfc99bc5d193cbd88bd2e084d8e77cdeef75e5f76deb
310baaab7c1a2bcc99bc1d193c6d88bcbe084d0e77cd5ef75dbf76de0
315baaab6c1a2bac99bbdd193c1d88bc5e084c9e77ccdef75d1f76dd4
320baaab4c1a2b7c99bb9d193bcd88bbfe084c1e77cc4ef75c6f76dc9
325baaab3c1a2b4c99bb6d193b7d88bb8e084bae77cbbef75bcf76dbd
330baaab2c1a2b2c99bb2d193b2d88bb2e084b2e77cb2ef75b2f76db2
335baaab1c1a2afc99baed193add88babe084aae77ca9ef75a8f76da6
340baaaafc1a2adc99baad193a8d88ba5e084a3e77ca0ef759df76d9b
345baaaaec1a2aac99ba6d193a3d88b9fe0849be77c97ef7593f76d8f
350baaaadc1a2a8c99ba3d1939ed88b98e08493e77c8eef7589f76d84
355baaaabc1a2a5c99b9fd19399d88b92e0848ce77c85ef757ff76d78

チェック時[ # ]付加

背景

サブ

メイン

文字

文字非表示 | 文字表示

色見本(Top) | 操作方法