色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#7893ae
データ
赤
120
緑
147
青
174
色相
210°
白
47%
黒
32%
彩度
25%
明度
58%
輝度
56%
色調 = 明るい灰色がかった
色相 = 210°
3桁
#8ab
#8aa
#8a9
#89b
#89a
#899
#88b
#88a
#889
#7ab
#7aa
#7a9
#79b
#79a
#799
#78b
#78a
#789
#6ab
#6aa
#6a9
#69b
#69a
#699
#68b
#68a
#689
名前付き
lightslategray
cadetblue
slategray
gray
steelblue
darkgray
darkseagreen
mediumaquamarine
mediumpurple
cornflowerblue
slateblue
rosybrown
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-210 : 0
-195 : 15
-180 : 30
-165 : 45
-150 : 60
-135 : 75
-120 : 90
-105 : 105
-90 : 120
-75 : 135
-60 : 150
-45 : 165
-30 : 180
-15 : 195
-10 : 200
-5 : 205
-2 : 208
±0 : 210
+2 : 212
+5 : 215
+10 : 220
+15 : 225
+30 : 240
+45 : 255
+60 : 270
+75 : 285
+90 : 300
+105 : 315
+120 : 330
+135 : 345
彩度
+75 : 100
+71 : 96
+67 : 92
+63 : 88
+59 : 84
+55 : 80
+51 : 76
+47 : 72
+43 : 68
+39 : 64
+35 : 60
+31 : 56
+27 : 52
+25 : 50
+23 : 48
+19 : 44
+15 : 40
+11 : 36
+7 : 32
+3 : 28
+2 : 27
±0 : 25
-1 : 24
-2 : 23
-3 : 22
-5 : 20
-9 : 16
-13 : 12
-17 : 8
-21 : 4
-25 : 0
明度
+42 : 100
+38 : 96
+34 : 92
+30 : 88
+26 : 84
+22 : 80
+18 : 76
+14 : 72
+10 : 68
+6 : 64
+3 : 61
+2 : 60
±0 : 58
-2 : 56
-3 : 55
-6 : 52
-8 : 50
-10 : 48
-14 : 44
-18 : 40
-22 : 36
-26 : 32
-30 : 28
-34 : 24
-38 : 20
-42 : 16
-46 : 12
-50 : 8
-54 : 4
-58 : 0
白
-47 : 0
-43 : 4
-39 : 8
-35 : 12
-31 : 16
-27 : 20
-23 : 24
-19 : 28
-15 : 32
-11 : 36
-7 : 40
-3 : 44
-2 : 45
±0 : 47
+1 : 48
+2 : 49
+3 : 50
+5 : 52
+9 : 56
+13 : 60
+17 : 64
+21 : 68
+25 : 72
+29 : 76
+33 : 80
+37 : 84
+41 : 88
+45 : 92
+49 : 96
+53 : 100
黒
-32 : 0
-28 : 4
-24 : 8
-20 : 12
-16 : 16
-12 : 20
-8 : 24
-4 : 28
-3 : 29
-2 : 30
±0 : 32
+2 : 34
+3 : 35
+4 : 36
+8 : 40
+12 : 44
+16 : 48
+18 : 50
+20 : 52
+24 : 56
+28 : 60
+32 : 64
+36 : 68
+40 : 72
+44 : 76
+48 : 80
+52 : 84
+56 : 88
+60 : 92
+64 : 96
+68 : 100
赤
+135 : 255
+118 : 238
+101 : 221
+84 : 204
+67 : 187
+50 : 170
+33 : 153
+16 : 136
+8 : 128
+4 : 124
+2 : 122
+1 : 121
±0 : 120
-1 : 119
-2 : 118
-4 : 116
-8 : 112
-18 : 102
-35 : 85
-52 : 68
-69 : 51
-86 : 34
-103 : 17
-120 : 0
緑
+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
青
+81 : 255
+64 : 238
+47 : 221
+30 : 204
+13 : 187
+8 : 182
+4 : 178
+2 : 176
+1 : 175
±0 : 174
-1 : 173
-2 : 172
-4 : 170
-8 : 166
-21 : 153
-38 : 136
-55 : 119
-72 : 102
-89 : 85
-106 : 68
-123 : 51
-140 : 34
-157 : 17
-174 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000