色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#739c8e
データ
赤
115
緑
156
青
142
色相
160°
白
45%
黒
39%
彩度
17%
明度
53%
輝度
56%
色調 = 明るい灰色がかった
色相 = 160°
3桁
#8a9
#8a8
#8a7
#899
#898
#897
#889
#888
#887
#7a9
#7a8
#7a7
#799
#798
#797
#789
#788
#787
#6a9
#6a8
#6a7
#699
#698
#697
#689
#688
#687
名前付き
lightslategray
cadetblue
slategray
gray
darkseagreen
mediumaquamarine
darkgray
dimgray
steelblue
mediumseagreen
rosybrown
darkkhaki
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-150 : 10
-135 : 25
-120 : 40
-105 : 55
-90 : 70
-75 : 85
-60 : 100
-45 : 115
-30 : 130
-15 : 145
-10 : 150
-5 : 155
-2 : 158
±0 : 160
+2 : 162
+5 : 165
+10 : 170
+15 : 175
+30 : 190
+45 : 205
+60 : 220
+75 : 235
+90 : 250
+105 : 265
+120 : 280
+135 : 295
+150 : 310
+165 : 325
+180 : 340
+195 : 355
彩度
+83 : 100
+79 : 96
+75 : 92
+71 : 88
+67 : 84
+63 : 80
+59 : 76
+55 : 72
+51 : 68
+47 : 64
+43 : 60
+39 : 56
+35 : 52
+33 : 50
+31 : 48
+27 : 44
+23 : 40
+19 : 36
+15 : 32
+11 : 28
+7 : 24
+3 : 20
+2 : 19
±0 : 17
-1 : 16
-2 : 15
-3 : 14
-5 : 12
-9 : 8
-13 : 4
-17 : 0
明度
+47 : 100
+43 : 96
+39 : 92
+35 : 88
+31 : 84
+27 : 80
+23 : 76
+19 : 72
+15 : 68
+11 : 64
+7 : 60
+3 : 56
+2 : 55
±0 : 53
-1 : 52
-2 : 51
-3 : 50
-5 : 48
-9 : 44
-13 : 40
-17 : 36
-21 : 32
-25 : 28
-29 : 24
-33 : 20
-37 : 16
-41 : 12
-45 : 8
-49 : 4
-53 : 0
白
-45 : 0
-41 : 4
-37 : 8
-33 : 12
-29 : 16
-25 : 20
-21 : 24
-17 : 28
-13 : 32
-9 : 36
-5 : 40
-3 : 42
-2 : 43
-1 : 44
±0 : 45
+2 : 47
+3 : 48
+5 : 50
+7 : 52
+11 : 56
+15 : 60
+19 : 64
+23 : 68
+27 : 72
+31 : 76
+35 : 80
+39 : 84
+43 : 88
+47 : 92
+51 : 96
+55 : 100
黒
-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
赤
+140 : 255
+123 : 238
+106 : 221
+89 : 204
+72 : 187
+55 : 170
+38 : 153
+21 : 136
+8 : 123
+4 : 119
+2 : 117
+1 : 116
±0 : 115
-1 : 114
-2 : 113
-4 : 111
-8 : 107
-13 : 102
-30 : 85
-47 : 68
-64 : 51
-81 : 34
-98 : 17
-115 : 0
緑
+99 : 255
+82 : 238
+65 : 221
+48 : 204
+31 : 187
+14 : 170
+8 : 164
+4 : 160
+2 : 158
+1 : 157
±0 : 156
-1 : 155
-2 : 154
-3 : 153
-4 : 152
-8 : 148
-20 : 136
-37 : 119
-54 : 102
-71 : 85
-88 : 68
-105 : 51
-122 : 34
-139 : 17
-156 : 0
青
+113 : 255
+96 : 238
+79 : 221
+62 : 204
+45 : 187
+28 : 170
+11 : 153
+8 : 150
+4 : 146
+2 : 144
+1 : 143
±0 : 142
-1 : 141
-2 : 140
-4 : 138
-6 : 136
-8 : 134
-23 : 119
-40 : 102
-57 : 85
-74 : 68
-91 : 51
-108 : 34
-125 : 17
-142 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000