色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#c080aa
データ
赤
192
緑
128
青
170
色相
321°
白
50%
黒
25%
彩度
34%
明度
63%
輝度
60%
色調 = 明るい灰色がかった
色相 = 321°
3桁
#c9b
#c9a
#c99
#c8b
#c8a
#c89
#c7b
#c7a
#c79
#b9b
#b9a
#b99
#b8b
#b8a
#b89
#b7b
#b7a
#b79
#a9b
#a9a
#a99
#a8b
#a8a
#a89
#a7b
#a7a
#a79
名前付き
rosybrown
palevioletred
darkgray
orchid
mediumorchid
tan
lightcoral
plum
darksalmon
silver
hotpink
mediumpurple
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-315 : 6
-300 : 21
-285 : 36
-270 : 51
-255 : 66
-240 : 81
-225 : 96
-210 : 111
-195 : 126
-180 : 141
-165 : 156
-150 : 171
-135 : 186
-120 : 201
-105 : 216
-90 : 231
-75 : 246
-60 : 261
-45 : 276
-30 : 291
-15 : 306
-10 : 311
-5 : 316
-2 : 319
±0 : 321
+2 : 323
+5 : 326
+10 : 331
+15 : 336
+30 : 351
彩度
+66 : 100
+62 : 96
+58 : 92
+54 : 88
+50 : 84
+46 : 80
+42 : 76
+38 : 72
+34 : 68
+30 : 64
+26 : 60
+22 : 56
+18 : 52
+16 : 50
+14 : 48
+10 : 44
+6 : 40
+3 : 37
+2 : 36
±0 : 34
-2 : 32
-3 : 31
-6 : 28
-10 : 24
-14 : 20
-18 : 16
-22 : 12
-26 : 8
-30 : 4
-34 : 0
明度
+37 : 100
+33 : 96
+29 : 92
+25 : 88
+21 : 84
+17 : 80
+13 : 76
+9 : 72
+5 : 68
+3 : 66
+2 : 65
+1 : 64
±0 : 63
-2 : 61
-3 : 60
-7 : 56
-11 : 52
-13 : 50
-15 : 48
-19 : 44
-23 : 40
-27 : 36
-31 : 32
-35 : 28
-39 : 24
-43 : 20
-47 : 16
-51 : 12
-55 : 8
-59 : 4
-63 : 0
白
-50 : 0
-46 : 4
-42 : 8
-38 : 12
-34 : 16
-30 : 20
-26 : 24
-22 : 28
-18 : 32
-14 : 36
-10 : 40
-6 : 44
-3 : 47
-2 : 48
±0 : 50
+2 : 52
+3 : 53
+6 : 56
+10 : 60
+14 : 64
+18 : 68
+22 : 72
+26 : 76
+30 : 80
+34 : 84
+38 : 88
+42 : 92
+46 : 96
+50 : 100
黒
-25 : 0
-21 : 4
-17 : 8
-13 : 12
-9 : 16
-5 : 20
-3 : 22
-2 : 23
-1 : 24
±0 : 25
+2 : 27
+3 : 28
+7 : 32
+11 : 36
+15 : 40
+19 : 44
+23 : 48
+25 : 50
+27 : 52
+31 : 56
+35 : 60
+39 : 64
+43 : 68
+47 : 72
+51 : 76
+55 : 80
+59 : 84
+63 : 88
+67 : 92
+71 : 96
+75 : 100
赤
+63 : 255
+46 : 238
+29 : 221
+12 : 204
+8 : 200
+4 : 196
+2 : 194
+1 : 193
±0 : 192
-1 : 191
-2 : 190
-4 : 188
-5 : 187
-8 : 184
-22 : 170
-39 : 153
-56 : 136
-73 : 119
-90 : 102
-107 : 85
-124 : 68
-141 : 51
-158 : 34
-175 : 17
-192 : 0
緑
+127 : 255
+110 : 238
+93 : 221
+76 : 204
+59 : 187
+42 : 170
+25 : 153
+8 : 136
+4 : 132
+2 : 130
+1 : 129
±0 : 128
-1 : 127
-2 : 126
-4 : 124
-8 : 120
-9 : 119
-26 : 102
-43 : 85
-60 : 68
-77 : 51
-94 : 34
-111 : 17
-128 : 0
青
+85 : 255
+68 : 238
+51 : 221
+34 : 204
+17 : 187
+8 : 178
+4 : 174
+2 : 172
+1 : 171
±0 : 170
-1 : 169
-2 : 168
-4 : 166
-8 : 162
-17 : 153
-34 : 136
-51 : 119
-68 : 102
-85 : 85
-102 : 68
-119 : 51
-136 : 34
-153 : 17
-170 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000