色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#e5cc8a
データ
赤
229
緑
204
青
138
色相
44°
白
54%
黒
10%
彩度
64%
明度
72%
輝度
80%
色調 = 輝かしい
色相 = 44°
3桁
#ed9
#ed8
#ed7
#ec9
#ec8
#ec7
#eb9
#eb8
#eb7
#dd9
#dd8
#dd7
#dc9
#dc8
#dc7
#db9
#db8
#db7
#cd9
#cd8
#cd7
#cc9
#cc8
#cc7
#cb9
#cb8
#cb7
名前付き
burlywood
khaki
tan
palegoldenrod
navajowhite
wheat
lightsalmon
darkkhaki
peachpuff
moccasin
darksalmon
sandybrown
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-30 : 14
-15 : 29
-10 : 34
-5 : 39
-2 : 42
±0 : 44
+2 : 46
+5 : 49
+10 : 54
+15 : 59
+30 : 74
+45 : 89
+60 : 104
+75 : 119
+90 : 134
+105 : 149
+120 : 164
+135 : 179
+150 : 194
+165 : 209
+180 : 224
+195 : 239
+210 : 254
+225 : 269
+240 : 284
+255 : 299
+270 : 314
+285 : 329
+300 : 344
+315 : 359
彩度
+36 : 100
+32 : 96
+28 : 92
+24 : 88
+20 : 84
+16 : 80
+12 : 76
+8 : 72
+4 : 68
+3 : 67
+2 : 66
±0 : 64
-2 : 62
-3 : 61
-4 : 60
-8 : 56
-12 : 52
-14 : 50
-16 : 48
-20 : 44
-24 : 40
-28 : 36
-32 : 32
-36 : 28
-40 : 24
-44 : 20
-48 : 16
-52 : 12
-56 : 8
-60 : 4
-64 : 0
明度
+28 : 100
+24 : 96
+20 : 92
+16 : 88
+12 : 84
+8 : 80
+4 : 76
+3 : 75
+2 : 74
±0 : 72
-2 : 70
-3 : 69
-4 : 68
-8 : 64
-12 : 60
-16 : 56
-20 : 52
-22 : 50
-24 : 48
-28 : 44
-32 : 40
-36 : 36
-40 : 32
-44 : 28
-48 : 24
-52 : 20
-56 : 16
-60 : 12
-64 : 8
-68 : 4
-72 : 0
白
-54 : 0
-50 : 4
-46 : 8
-42 : 12
-38 : 16
-34 : 20
-30 : 24
-26 : 28
-22 : 32
-18 : 36
-14 : 40
-10 : 44
-6 : 48
-4 : 50
-3 : 51
-2 : 52
±0 : 54
+2 : 56
+3 : 57
+6 : 60
+10 : 64
+14 : 68
+18 : 72
+22 : 76
+26 : 80
+30 : 84
+34 : 88
+38 : 92
+42 : 96
+46 : 100
黒
-10 : 0
-6 : 4
-3 : 7
-2 : 8
±0 : 10
+2 : 12
+3 : 13
+6 : 16
+10 : 20
+14 : 24
+18 : 28
+22 : 32
+26 : 36
+30 : 40
+34 : 44
+38 : 48
+40 : 50
+42 : 52
+46 : 56
+50 : 60
+54 : 64
+58 : 68
+62 : 72
+66 : 76
+70 : 80
+74 : 84
+78 : 88
+82 : 92
+86 : 96
+90 : 100
赤
+26 : 255
+9 : 238
+8 : 237
+4 : 233
+2 : 231
+1 : 230
±0 : 229
-1 : 228
-2 : 227
-4 : 225
-8 : 221
-25 : 204
-42 : 187
-59 : 170
-76 : 153
-93 : 136
-110 : 119
-127 : 102
-144 : 85
-161 : 68
-178 : 51
-195 : 34
-212 : 17
-229 : 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
青
+117 : 255
+100 : 238
+83 : 221
+66 : 204
+49 : 187
+32 : 170
+15 : 153
+8 : 146
+4 : 142
+2 : 140
+1 : 139
±0 : 138
-1 : 137
-2 : 136
-4 : 134
-8 : 130
-19 : 119
-36 : 102
-53 : 85
-70 : 68
-87 : 51
-104 : 34
-121 : 17
-138 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000