色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#feee63
データ
赤
254
緑
238
青
99
色相
54°
白
39%
黒
0%
彩度
99%
明度
69%
輝度
89%
色調 = 輝かしい
色相 = 54°
3桁
#ff7
#ff6
#ff5
#fe7
#fe6
#fe5
#fd7
#fd6
#fd5
#ef7
#ef6
#ef5
#ee7
#ee6
#ee5
#ed7
#ed6
#ed5
#df7
#df6
#df5
#de7
#de6
#de5
#dd7
#dd6
#dd5
名前付き
khaki
burlywood
palegoldenrod
sandybrown
navajowhite
lightsalmon
wheat
moccasin
tan
darkkhaki
peachpuff
darksalmon
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-45 : 9
-30 : 24
-15 : 39
-10 : 44
-5 : 49
-2 : 52
±0 : 54
+2 : 56
+5 : 59
+10 : 64
+15 : 69
+30 : 84
+45 : 99
+60 : 114
+75 : 129
+90 : 144
+105 : 159
+120 : 174
+135 : 189
+150 : 204
+165 : 219
+180 : 234
+195 : 249
+210 : 264
+225 : 279
+240 : 294
+255 : 309
+270 : 324
+285 : 339
+300 : 354
彩度
+1 : 100
±0 : 99
-2 : 97
-3 : 96
-7 : 92
-11 : 88
-15 : 84
-19 : 80
-23 : 76
-27 : 72
-31 : 68
-35 : 64
-39 : 60
-43 : 56
-47 : 52
-49 : 50
-51 : 48
-55 : 44
-59 : 40
-63 : 36
-67 : 32
-71 : 28
-75 : 24
-79 : 20
-83 : 16
-87 : 12
-91 : 8
-95 : 4
-99 : 0
明度
+31 : 100
+27 : 96
+23 : 92
+19 : 88
+15 : 84
+11 : 80
+7 : 76
+3 : 72
+2 : 71
±0 : 69
-1 : 68
-2 : 67
-3 : 66
-5 : 64
-9 : 60
-13 : 56
-17 : 52
-19 : 50
-21 : 48
-25 : 44
-29 : 40
-33 : 36
-37 : 32
-41 : 28
-45 : 24
-49 : 20
-53 : 16
-57 : 12
-61 : 8
-65 : 4
-69 : 0
白
-39 : 0
-35 : 4
-31 : 8
-27 : 12
-23 : 16
-19 : 20
-15 : 24
-11 : 28
-7 : 32
-3 : 36
-2 : 37
±0 : 39
+1 : 40
+2 : 41
+3 : 42
+5 : 44
+9 : 48
+11 : 50
+13 : 52
+17 : 56
+21 : 60
+25 : 64
+29 : 68
+33 : 72
+37 : 76
+41 : 80
+45 : 84
+49 : 88
+53 : 92
+57 : 96
+61 : 100
黒
±0 : 0
+2 : 2
+3 : 3
+4 : 4
+8 : 8
+12 : 12
+16 : 16
+20 : 20
+24 : 24
+28 : 28
+32 : 32
+36 : 36
+40 : 40
+44 : 44
+48 : 48
+50 : 50
+52 : 52
+56 : 56
+60 : 60
+64 : 64
+68 : 68
+72 : 72
+76 : 76
+80 : 80
+84 : 84
+88 : 88
+92 : 92
+96 : 96
+100 : 100
赤
+1 : 255
±0 : 254
-1 : 253
-2 : 252
-4 : 250
-8 : 246
-16 : 238
-33 : 221
-50 : 204
-67 : 187
-84 : 170
-101 : 153
-118 : 136
-135 : 119
-152 : 102
-169 : 85
-186 : 68
-203 : 51
-220 : 34
-237 : 17
-254 : 0
緑
+17 : 255
+8 : 246
+4 : 242
+2 : 240
+1 : 239
±0 : 238
-1 : 237
-2 : 236
-4 : 234
-8 : 230
-17 : 221
-34 : 204
-51 : 187
-68 : 170
-85 : 153
-102 : 136
-119 : 119
-136 : 102
-153 : 85
-170 : 68
-187 : 51
-204 : 34
-221 : 17
-238 : 0
青
+156 : 255
+139 : 238
+122 : 221
+105 : 204
+88 : 187
+71 : 170
+54 : 153
+37 : 136
+20 : 119
+8 : 107
+4 : 103
+3 : 102
+2 : 101
+1 : 100
±0 : 99
-1 : 98
-2 : 97
-4 : 95
-8 : 91
-14 : 85
-31 : 68
-48 : 51
-65 : 34
-82 : 17
-99 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000