色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#e1e8cc
データ
赤
225
緑
232
青
204
色相
75°
白
80%
黒
9%
彩度
38%
明度
85%
輝度
89%
色調 = 淡い
色相 = 75°
3桁
#efd
#efc
#efb
#eed
#eec
#eeb
#edd
#edc
#edb
#dfd
#dfc
#dfb
#ded
#dec
#deb
#ddd
#ddc
#ddb
#cfd
#cfc
#cfb
#ced
#cec
#ceb
#cdd
#cdc
#cdb
名前付き
gainsboro
lightgray
antiquewhite
beige
blanchedalmond
bisque
lightgoldenrodyellow
papayawhip
wheat
lemonchiffon
palegoldenrod
mistyrose
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-75 : 0
-60 : 15
-45 : 30
-30 : 45
-15 : 60
-10 : 65
-5 : 70
-2 : 73
±0 : 75
+2 : 77
+5 : 80
+10 : 85
+15 : 90
+30 : 105
+45 : 120
+60 : 135
+75 : 150
+90 : 165
+105 : 180
+120 : 195
+135 : 210
+150 : 225
+165 : 240
+180 : 255
+195 : 270
+210 : 285
+225 : 300
+240 : 315
+255 : 330
+270 : 345
彩度
+62 : 100
+58 : 96
+54 : 92
+50 : 88
+46 : 84
+42 : 80
+38 : 76
+34 : 72
+30 : 68
+26 : 64
+22 : 60
+18 : 56
+14 : 52
+12 : 50
+10 : 48
+6 : 44
+3 : 41
+2 : 40
±0 : 38
-2 : 36
-3 : 35
-6 : 32
-10 : 28
-14 : 24
-18 : 20
-22 : 16
-26 : 12
-30 : 8
-34 : 4
-38 : 0
明度
+15 : 100
+11 : 96
+7 : 92
+3 : 88
+2 : 87
±0 : 85
-1 : 84
-2 : 83
-3 : 82
-5 : 80
-9 : 76
-13 : 72
-17 : 68
-21 : 64
-25 : 60
-29 : 56
-33 : 52
-35 : 50
-37 : 48
-41 : 44
-45 : 40
-49 : 36
-53 : 32
-57 : 28
-61 : 24
-65 : 20
-69 : 16
-73 : 12
-77 : 8
-81 : 4
-85 : 0
白
-80 : 0
-76 : 4
-72 : 8
-68 : 12
-64 : 16
-60 : 20
-56 : 24
-52 : 28
-48 : 32
-44 : 36
-40 : 40
-36 : 44
-32 : 48
-30 : 50
-28 : 52
-24 : 56
-20 : 60
-16 : 64
-12 : 68
-8 : 72
-4 : 76
-3 : 77
-2 : 78
±0 : 80
+2 : 82
+3 : 83
+4 : 84
+8 : 88
+12 : 92
+16 : 96
+20 : 100
黒
-9 : 0
-5 : 4
-3 : 6
-2 : 7
-1 : 8
±0 : 9
+2 : 11
+3 : 12
+7 : 16
+11 : 20
+15 : 24
+19 : 28
+23 : 32
+27 : 36
+31 : 40
+35 : 44
+39 : 48
+41 : 50
+43 : 52
+47 : 56
+51 : 60
+55 : 64
+59 : 68
+63 : 72
+67 : 76
+71 : 80
+75 : 84
+79 : 88
+83 : 92
+87 : 96
+91 : 100
赤
+30 : 255
+13 : 238
+8 : 233
+4 : 229
+2 : 227
+1 : 226
±0 : 225
-1 : 224
-2 : 223
-4 : 221
-8 : 217
-21 : 204
-38 : 187
-55 : 170
-72 : 153
-89 : 136
-106 : 119
-123 : 102
-140 : 85
-157 : 68
-174 : 51
-191 : 34
-208 : 17
-225 : 0
緑
+23 : 255
+8 : 240
+6 : 238
+4 : 236
+2 : 234
+1 : 233
±0 : 232
-1 : 231
-2 : 230
-4 : 228
-8 : 224
-11 : 221
-28 : 204
-45 : 187
-62 : 170
-79 : 153
-96 : 136
-113 : 119
-130 : 102
-147 : 85
-164 : 68
-181 : 51
-198 : 34
-215 : 17
-232 : 0
青
+51 : 255
+34 : 238
+17 : 221
+8 : 212
+4 : 208
+2 : 206
+1 : 205
±0 : 204
-1 : 203
-2 : 202
-4 : 200
-8 : 196
-17 : 187
-34 : 170
-51 : 153
-68 : 136
-85 : 119
-102 : 102
-119 : 85
-136 : 68
-153 : 51
-170 : 34
-187 : 17
-204 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000