色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#724f4b
データ
赤
114
緑
79
青
75
色相
6°
白
29%
黒
55%
彩度
21%
明度
37%
輝度
35%
色調 = 灰色がかった
色相 = 6°
3桁
#865
#864
#863
#855
#854
#853
#845
#844
#843
#765
#764
#763
#755
#754
#753
#745
#744
#743
#665
#664
#663
#655
#654
#653
#645
#644
#643
名前付き
dimgray
darkolivegreen
sienna
saddlebrown
darkslategray
brown
gray
olivedrab
darkslateblue
rebeccapurple
slategray
firebrick
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-5 : 1
-2 : 4
±0 : 6
+2 : 8
+5 : 11
+10 : 16
+15 : 21
+30 : 36
+45 : 51
+60 : 66
+75 : 81
+90 : 96
+105 : 111
+120 : 126
+135 : 141
+150 : 156
+165 : 171
+180 : 186
+195 : 201
+210 : 216
+225 : 231
+240 : 246
+255 : 261
+270 : 276
+285 : 291
+300 : 306
+315 : 321
+330 : 336
+345 : 351
+350 : 356
彩度
+79 : 100
+75 : 96
+71 : 92
+67 : 88
+63 : 84
+59 : 80
+55 : 76
+51 : 72
+47 : 68
+43 : 64
+39 : 60
+35 : 56
+31 : 52
+29 : 50
+27 : 48
+23 : 44
+19 : 40
+15 : 36
+11 : 32
+7 : 28
+3 : 24
+2 : 23
±0 : 21
-1 : 20
-2 : 19
-3 : 18
-5 : 16
-9 : 12
-13 : 8
-17 : 4
-21 : 0
明度
+63 : 100
+59 : 96
+55 : 92
+51 : 88
+47 : 84
+43 : 80
+39 : 76
+35 : 72
+31 : 68
+27 : 64
+23 : 60
+19 : 56
+15 : 52
+13 : 50
+11 : 48
+7 : 44
+3 : 40
+2 : 39
±0 : 37
-1 : 36
-2 : 35
-3 : 34
-5 : 32
-9 : 28
-13 : 24
-17 : 20
-21 : 16
-25 : 12
-29 : 8
-33 : 4
-37 : 0
白
-29 : 0
-25 : 4
-21 : 8
-17 : 12
-13 : 16
-9 : 20
-5 : 24
-3 : 26
-2 : 27
-1 : 28
±0 : 29
+2 : 31
+3 : 32
+7 : 36
+11 : 40
+15 : 44
+19 : 48
+21 : 50
+23 : 52
+27 : 56
+31 : 60
+35 : 64
+39 : 68
+43 : 72
+47 : 76
+51 : 80
+55 : 84
+59 : 88
+63 : 92
+67 : 96
+71 : 100
黒
-55 : 0
-51 : 4
-47 : 8
-43 : 12
-39 : 16
-35 : 20
-31 : 24
-27 : 28
-23 : 32
-19 : 36
-15 : 40
-11 : 44
-7 : 48
-5 : 50
-3 : 52
-2 : 53
±0 : 55
+1 : 56
+2 : 57
+3 : 58
+5 : 60
+9 : 64
+13 : 68
+17 : 72
+21 : 76
+25 : 80
+29 : 84
+33 : 88
+37 : 92
+41 : 96
+45 : 100
赤
+141 : 255
+124 : 238
+107 : 221
+90 : 204
+73 : 187
+56 : 170
+39 : 153
+22 : 136
+8 : 122
+5 : 119
+4 : 118
+2 : 116
+1 : 115
±0 : 114
-1 : 113
-2 : 112
-4 : 110
-8 : 106
-12 : 102
-29 : 85
-46 : 68
-63 : 51
-80 : 34
-97 : 17
-114 : 0
緑
+176 : 255
+159 : 238
+142 : 221
+125 : 204
+108 : 187
+91 : 170
+74 : 153
+57 : 136
+40 : 119
+23 : 102
+8 : 87
+6 : 85
+4 : 83
+2 : 81
+1 : 80
±0 : 79
-1 : 78
-2 : 77
-4 : 75
-8 : 71
-11 : 68
-28 : 51
-45 : 34
-62 : 17
-79 : 0
青
+180 : 255
+163 : 238
+146 : 221
+129 : 204
+112 : 187
+95 : 170
+78 : 153
+61 : 136
+44 : 119
+27 : 102
+10 : 85
+8 : 83
+4 : 79
+2 : 77
+1 : 76
±0 : 75
-1 : 74
-2 : 73
-4 : 71
-7 : 68
-8 : 67
-24 : 51
-41 : 34
-58 : 17
-75 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000