色系統 ( Yellow ) のサンプル ( 色見本 ) として、色相50~70までを、彩度、明度別に表示しています。黄色系統は暖色系の色で、その色からは「明るい」「元気」「無邪気」「危険」といったイメージ、「レモン」「ひまわり」「卵」といった単語を連想することができます。黄色は見るからに明るい色ですので、前向きに元気にさせる効果があると同時に、標識や看板・踏切り、パソコンの警告なとで使われているように、明度の低い色と配色することで注意を促す効果もあります。※ 一般的に暖色系の色は大きく、また近くに見える性質があります。

● 色見本 ・・・ 色相[ 50 ]

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 101c1b161e1c14211e1123200f26220c28230a2b25072d2705302802332a00
明度 2038362d3d3928423d2347401e4c4419514714564a0f5b4e0a605105665500
明度 305451445b563d635b356b602d7265267a6b1e82701689750f917a07997f00
明度 40706c5b7a7351847a478e813d998833a38e28ad951eb79c14c1a30accaa00
明度 508c8772999066a59959b2a14cbfaa3fccb232d8bb26e5c319f2cb0cffd400
明度 60a39f8eada684b7ad7ac1b46fccba65d6c15be0c851eacf47f4d63dffdc32
明度 70bab7aac1bca2c9c19bd1c693d8cb8be0d084e7d57cefdb75f7e06dffe565
明度 80d1cfc6d6d2c1dbd6bce0d9b7e5ddb2eae0adefe3a8f4e7a3f9ea9effee99
明度 90e8e7e2eae8e0eceadeefecdbf2eed8f4efd6f7f1d3f9f3d1fcf4cefff6cc
明度100f3f3f0f4f3eff5f4eef7f5ecf8f6ebf9f7eafbf8e9fcf9e7fdf9e6fffae5

● 色見本 ・・・ 色相[ 55 ]

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 101c1b161e1d14211f1123210f26240c28260a2b28072d2a05302c02332e00
明度 2038372d3d3b28423f2347431e4c4819514c1456500f5b550a605905665d00
明度 305452445b593d635f356b662d726c267a721e827916897f0f918507998c00
明度 40706e5b7a7751847f478e873d999033a39928ada11eb7aa14c1b20accbb00
明度 508c8a72999466a59f59b2a94cbfb43fccbf32d8c926e5d419f2df0cffe900
明度 60a3a18eada984b7b27ac1ba6fccc365d6cc5be0d451eadc47f4e53dffed32
明度 70bab8aac1bfa2c9c59bd1cb93d8d28be0d884e7de7cefe575f7eb6dfff265
明度 80d1d0c6d6d4c1dbd8bce0ddb7e5e1b2eae5adefe9a8f4eea3f9f29efff699
明度 90e8e7e2eae9e0ecebdeefeddbf2f0d8f4f2d6f7f4d3f9f6d1fcf8cefffacc
明度100f3f3f0f4f4eff5f5eef7f6ecf8f7ebf9f8eafbf9e9fcfae7fdfbe6fffce5

● 色見本 ・・・ 色相[ 60 ]

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 101c1c161e1e1421211123230f26260c28280a2b2b072d2d05303002333300
明度 2038382d3d3d2842422347471e4c4c1951511456560f5b5b0a606005666600
明度 305454445b5b3d6363356b6b2d7272267a7a1e82821689890f919107999900
明度 4070705b7a7a518484478e8e3d999933a3a328adad1eb7b714c1c10acccc00
明度 508c8c72999966a5a559b2b24cbfbf3fcccc32d8d826e5e519f2f20cffff00
明度 60a3a38eadad84b7b77ac1c16fcccc65d6d65be0e051eaea47f4f43dffff32
明度 70babaaac1c1a2c9c99bd1d193d8d88be0e084e7e77cefef75f7f76dffff65
明度 80d1d1c6d6d6c1dbdbbce0e0b7e5e5b2eaeaadefefa8f4f4a3f9f99effff99
明度 90e8e8e2eaeae0ececdeefefdbf2f2d8f4f4d6f7f7d3f9f9d1fcfcceffffcc
明度100f3f3f0f4f4eff5f5eef7f7ecf8f8ebf9f9eafbfbe9fcfce7fdfde6ffffe5

● 色見本 ・・・ 色相[ 65 ]

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 101b1c161d1e141f211121230f24260c26280a282b072a2d052c30022e3300
明度 2037382d3b3d283f422343471e484c194c511450560f555b0a5960055d6600
明度 30525444595b3d5f6335666b2d6c7226727a1e7982167f890f8591078c9900
明度 406e705b777a517f8447878e3d90993399a328a1ad1eaab714b2c10abbcc00
明度 508a8c729499669fa559a9b24cb4bf3fbfcc32c9d826d4e519dff20ce9ff00
明度 60a1a38ea9ad84b2b77abac16fc3cc65ccd65bd4e051dcea47e5f43dedff32
明度 70b8baaabfc1a2c5c99bcbd193d2d88bd8e084dee77ce5ef75ebf76df2ff65
明度 80d0d1c6d4d6c1d8dbbcdde0b7e1e5b2e5eaade9efa8eef4a3f2f99ef6ff99
明度 90e7e8e2e9eae0ebecdeedefdbf0f2d8f2f4d6f4f7d3f6f9d1f8fccefaffcc
明度100f3f3f0f4f4eff5f5eef6f7ecf7f8ebf8f9eaf9fbe9fafce7fbfde6fcffe5

● 色見本 ・・・ 色相[ 70 ]

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 101b1c161c1e141e211120230f22260c23280a252b07272d052830022a3300
明度 2036382d393d283d422340471e444c194751144a560f4e5b0a516005556600
明度 30515444565b3d5b6335606b2d6572266b7a1e70821675890f7a91077f9900
明度 406c705b737a517a8447818e3d8899338ea32895ad1e9cb714a3c10aaacc00
明度 50878c7290996699a559a1b24caabf3fb2cc32bbd826c3e519cbf20cd4ff00
明度 609fa38ea6ad84adb77ab4c16fbacc65c1d65bc8e051cfea47d6f43ddcff32
明度 70b7baaabcc1a2c1c99bc6d193cbd88bd0e084d5e77cdbef75e0f76de5ff65
明度 80cfd1c6d2d6c1d6dbbcd9e0b7dde5b2e0eaade3efa8e7f4a3eaf99eeeff99
明度 90e7e8e2e8eae0eaecdeecefdbeef2d8eff4d6f1f7d3f3f9d1f4fccef6ffcc
明度100f3f3f0f3f4eff4f5eef5f7ecf6f8ebf7f9eaf8fbe9f9fce7f9fde6faffe5

チェック時[ # ]付加

背景

サブ

メイン

文字

文字非表示 | 文字表示

色見本(Top) | 操作方法