色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#93b88f
データ
赤
147
緑
184
青
143
色相
114°
白
56%
黒
28%
彩度
22%
明度
64%
輝度
66%
色調 = 明るい灰色がかった
色相 = 114°
3桁
#ac9
#ac8
#ac7
#ab9
#ab8
#ab7
#aa9
#aa8
#aa7
#9c9
#9c8
#9c7
#9b9
#9b8
#9b7
#9a9
#9a8
#9a7
#8c9
#8c8
#8c7
#8b9
#8b8
#8b7
#8a9
#8a8
#8a7
名前付き
darkseagreen
darkgray
lightgreen
darkkhaki
lightslategray
mediumaquamarine
rosybrown
cadetblue
gray
tan
slategray
silver
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-105 : 9
-90 : 24
-75 : 39
-60 : 54
-45 : 69
-30 : 84
-15 : 99
-10 : 104
-5 : 109
-2 : 112
±0 : 114
+2 : 116
+5 : 119
+10 : 124
+15 : 129
+30 : 144
+45 : 159
+60 : 174
+75 : 189
+90 : 204
+105 : 219
+120 : 234
+135 : 249
+150 : 264
+165 : 279
+180 : 294
+195 : 309
+210 : 324
+225 : 339
+240 : 354
彩度
+78 : 100
+74 : 96
+70 : 92
+66 : 88
+62 : 84
+58 : 80
+54 : 76
+50 : 72
+46 : 68
+42 : 64
+38 : 60
+34 : 56
+30 : 52
+28 : 50
+26 : 48
+22 : 44
+18 : 40
+14 : 36
+10 : 32
+6 : 28
+3 : 25
+2 : 24
±0 : 22
-2 : 20
-3 : 19
-6 : 16
-10 : 12
-14 : 8
-18 : 4
-22 : 0
明度
+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
白
-56 : 0
-52 : 4
-48 : 8
-44 : 12
-40 : 16
-36 : 20
-32 : 24
-28 : 28
-24 : 32
-20 : 36
-16 : 40
-12 : 44
-8 : 48
-6 : 50
-4 : 52
-3 : 53
-2 : 54
±0 : 56
+2 : 58
+3 : 59
+4 : 60
+8 : 64
+12 : 68
+16 : 72
+20 : 76
+24 : 80
+28 : 84
+32 : 88
+36 : 92
+40 : 96
+44 : 100
黒
-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
赤
+108 : 255
+91 : 238
+74 : 221
+57 : 204
+40 : 187
+23 : 170
+8 : 155
+6 : 153
+4 : 151
+2 : 149
+1 : 148
±0 : 147
-1 : 146
-2 : 145
-4 : 143
-8 : 139
-11 : 136
-28 : 119
-45 : 102
-62 : 85
-79 : 68
-96 : 51
-113 : 34
-130 : 17
-147 : 0
緑
+71 : 255
+54 : 238
+37 : 221
+20 : 204
+8 : 192
+4 : 188
+3 : 187
+2 : 186
+1 : 185
±0 : 184
-1 : 183
-2 : 182
-4 : 180
-8 : 176
-14 : 170
-31 : 153
-48 : 136
-65 : 119
-82 : 102
-99 : 85
-116 : 68
-133 : 51
-150 : 34
-167 : 17
-184 : 0
青
+112 : 255
+95 : 238
+78 : 221
+61 : 204
+44 : 187
+27 : 170
+10 : 153
+8 : 151
+4 : 147
+2 : 145
+1 : 144
±0 : 143
-1 : 142
-2 : 141
-4 : 139
-7 : 136
-8 : 135
-24 : 119
-41 : 102
-58 : 85
-75 : 68
-92 : 51
-109 : 34
-126 : 17
-143 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000