色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#eef047
データ
赤
238
緑
240
青
71
色相
61°
白
28%
黒
6%
彩度
85%
明度
61%
輝度
86%
色調 = 強い
色相 = 61°
3桁
#ff5
#ff4
#ff3
#fe5
#fe4
#fe3
#fd5
#fd4
#fd3
#ef5
#ef4
#ef3
#ee5
#ee4
#ee3
#ed5
#ed4
#ed3
#df5
#df4
#df3
#de5
#de4
#de3
#dd5
#dd4
#dd3
名前付き
khaki
greenyellow
yellow
gold
sandybrown
darkkhaki
burlywood
goldenrod
yellowgreen
tan
lightsalmon
palegoldenrod
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-60 : 1
-45 : 16
-30 : 31
-15 : 46
-10 : 51
-5 : 56
-2 : 59
±0 : 61
+2 : 63
+5 : 66
+10 : 71
+15 : 76
+30 : 91
+45 : 106
+60 : 121
+75 : 136
+90 : 151
+105 : 166
+120 : 181
+135 : 196
+150 : 211
+165 : 226
+180 : 241
+195 : 256
+210 : 271
+225 : 286
+240 : 301
+255 : 316
+270 : 331
+285 : 346
彩度
+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
明度
+39 : 100
+35 : 96
+31 : 92
+27 : 88
+23 : 84
+19 : 80
+15 : 76
+11 : 72
+7 : 68
+3 : 64
+2 : 63
±0 : 61
-1 : 60
-2 : 59
-3 : 58
-5 : 56
-9 : 52
-11 : 50
-13 : 48
-17 : 44
-21 : 40
-25 : 36
-29 : 32
-33 : 28
-37 : 24
-41 : 20
-45 : 16
-49 : 12
-53 : 8
-57 : 4
-61 : 0
白
-28 : 0
-24 : 4
-20 : 8
-16 : 12
-12 : 16
-8 : 20
-4 : 24
-3 : 25
-2 : 26
±0 : 28
+2 : 30
+3 : 31
+4 : 32
+8 : 36
+12 : 40
+16 : 44
+20 : 48
+22 : 50
+24 : 52
+28 : 56
+32 : 60
+36 : 64
+40 : 68
+44 : 72
+48 : 76
+52 : 80
+56 : 84
+60 : 88
+64 : 92
+68 : 96
+72 : 100
黒
-6 : 0
-3 : 3
-2 : 4
±0 : 6
+2 : 8
+3 : 9
+6 : 12
+10 : 16
+14 : 20
+18 : 24
+22 : 28
+26 : 32
+30 : 36
+34 : 40
+38 : 44
+42 : 48
+44 : 50
+46 : 52
+50 : 56
+54 : 60
+58 : 64
+62 : 68
+66 : 72
+70 : 76
+74 : 80
+78 : 84
+82 : 88
+86 : 92
+90 : 96
+94 : 100
赤
+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
緑
+15 : 255
+8 : 248
+4 : 244
+2 : 242
+1 : 241
±0 : 240
-1 : 239
-2 : 238
-4 : 236
-8 : 232
-19 : 221
-36 : 204
-53 : 187
-70 : 170
-87 : 153
-104 : 136
-121 : 119
-138 : 102
-155 : 85
-172 : 68
-189 : 51
-206 : 34
-223 : 17
-240 : 0
青
+184 : 255
+167 : 238
+150 : 221
+133 : 204
+116 : 187
+99 : 170
+82 : 153
+65 : 136
+48 : 119
+31 : 102
+14 : 85
+8 : 79
+4 : 75
+2 : 73
+1 : 72
±0 : 71
-1 : 70
-2 : 69
-3 : 68
-4 : 67
-8 : 63
-20 : 51
-37 : 34
-54 : 17
-71 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000