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

＼30 / 1030 / 2030 / 3030 / 4030 / 5030 / 6030 / 7030 / 8030 / 90
000211111422323633535844747a55959b77a7ac99b9bdbbcbcecdede
005211311422623633935844c47a55f59b77f7ac99f9bdbbfbcecdfde
010211411422823633c35845147a56559b7847ac9a39bdbc1bcece0de
015211511422b23634035845647a56c59b7897ac9a69bdbc4bcece1de
020211611422d23634435845b47a57259b78e7ac9aa9bdbc6bcece3de
025211811423023634835846047a57959b7937ac9ae9bdbc9bcece4de
030211911423323634c35846647a57f59b7997ac9b29bdbccbcece5de
035211a11423523635035846b47a58559b79e7ac9b69bdbcebcece6de
040211c11423823635435847047a58c59b7a37ac9b99bdbd1bcece7de
045211d11423a23635735847547a59259b7a87ac9bd9bdbd3bcece9de
050211e11423d23635b35847a47a59959b7ad7ac9c19bdbd6bceceade
055211f11423f23635f35847f47a59f59b7b27ac9c59bdbd8bcecebde
060212111424223636335848447a5a559b7b77ac9c99bdbdbbcececde
0651f21113f42235f63357f84479fa559b2b77ac5c99bd8dbbcebecde
0701e21113d42235b63357a844799a559adb77ac1c99bd6dbbceaecde
0751d21113a422357633575844792a559a8b77abdc99bd3dbbce9ecde
0801c21113842235463357084478ca559a3b77ab9c99bd1dbbce7ecde
0851a21113542235063356b844785a5599eb77ab6c99bcedbbce6ecde
0901921113342234c63356684477fa55999b77ab2c99bccdbbce5ecde
09518211130422348633560844779a55993b77aaec99bc9dbbce4ecde
1001621112d42234463355b844772a5598eb77aaac99bc6dbbce3ecde
1051521112b42234063355684476ca55989b77aa6c99bc4dbbce1ecde
1101421112842233c633551844765a55984b77aa3c99bc1dbbce0ecde
1151321112642233963354c84475fa5597fb77a9fc99bbfdbbcdfecde
12011211123422335633547844759a5597ab77a9bc99bbcdbbcdeecde
12511211323422635633947844c59a55f7ab77f9bc99fbcdbbfdeecdf
13011211423422835633c47845159a5657ab7849bc9a3bcdbc1deece0
13511211523422b35634047845659a56c7ab7899bc9a6bcdbc4deece1
14011211623422d35634447845b59a5727ab78e9bc9aabcdbc6deece3
14511211823423035634847846059a5797ab7939bc9aebcdbc9deece4
15011211923423335634c47846659a57f7ab7999bc9b2bcdbccdeece5
15511211a23423535635047846b59a5857ab79e9bc9b6bcdbcedeece6
16011211c23423835635447847059a58c7ab7a39bc9b9bcdbd1deece7
16511211d23423a35635747847559a5927ab7a89bc9bdbcdbd3deece9
17011211e23423d35635b47847a59a5997ab7ad9bc9c1bcdbd6deecea
17511211f23423f35635f47847f59a59f7ab7b29bc9c5bcdbd8deeceb
18011212123424235636347848459a5a57ab7b79bc9c9bcdbdbdeecec
185111f21233f42355f63477f84599fa57ab2b79bc5c9bcd8dbdeebec
190111e21233d42355b63477a845999a57aadb79bc1c9bcd6dbdeeaec
195111d21233a423557634775845992a57aa8b79bbdc9bcd3dbdee9ec
200111c21233842355463477084598ca57aa3b79bb9c9bcd1dbdee7ec
205111a21233542355063476b845985a57a9eb79bb6c9bccedbdee6ec
210111921233342354c63476684597fa57a99b79bb2c9bcccdbdee5ec
2151118212330423548634760845979a57a93b79baec9bcc9dbdee4ec
220111621232d42354463475b845972a57a8eb79baac9bcc6dbdee3ec
225111521232b42354063475684596ca57a89b79ba6c9bcc4dbdee1ec
230111421232842353c634751845965a57a84b79ba3c9bcc1dbdee0ec
235111321232642353963474c84595fa57a7fb79b9fc9bcbfdbdedfec
2401111212323423535634747845959a57a7ab79b9bc9bcbcdbdedeec
2451311212623423935634c47845f59a57f7ab79f9bc9bfbcdbdfdeec
2501411212823423c35635147846559a5847ab7a39bc9c1bcdbe0deec
2551511212b23424035635647846c59a5897ab7a69bc9c4bcdbe1deec
2601611212d23424435635b47847259a58e7ab7aa9bc9c6bcdbe3deec
2651811213023424835636047847959a5937ab7ae9bc9c9bcdbe4deec
2701911213323424c35636647847f59a5997ab7b29bc9ccbcdbe5deec
2751a11213523425035636b47848559a59e7ab7b69bc9cebcdbe6deec
2801c11213823425435637047848c59a5a37ab7b99bc9d1bcdbe7deec
2851d11213a23425735637547849259a5a87ab7bd9bc9d3bcdbe9deec
2901e11213d23425b35637a47849959a5ad7ab7c19bc9d6bcdbeadeec
2951f11213f23425f35637f47849f59a5b27ab7c59bc9d8bcdbebdeec
300211121422342633563844784a559a5b77ab7c99bc9dbbcdbecdeec
30521111f42233f63355f84477fa5599fb77ab2c99bc5dbbcd8ecdeeb
31021111e42233d63355b84477aa55999b77aadc99bc1dbbcd6ecdeea
31521111d42233a633557844775a55992b77aa8c99bbddbbcd3ecdee9
32021111c422338633554844770a5598cb77aa3c99bb9dbbcd1ecdee7
32521111a42233563355084476ba55985b77a9ec99bb6dbbcceecdee6
33021111942233363354c844766a5597fb77a99c99bb2dbbcccecdee5
335211118422330633548844760a55979b77a93c99baedbbcc9ecdee4
34021111642232d63354484475ba55972b77a8ec99baadbbcc6ecdee3
34521111542232b633540844756a5596cb77a89c99ba6dbbcc4ecdee1
35021111442232863353c844751a55965b77a84c99ba3dbbcc1ecdee0
35521111342232663353984474ca5595fb77a7fc99b9fdbbcbfecdedf

チェック時[ # ]付加

背景

サブ

メイン

文字

文字非表示 | 文字表示

色見本(Top) | 操作方法