色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#79857a
データ
赤
121
緑
133
青
122
色相
125°
白
47%
黒
48%
彩度
5%
明度
50%
輝度
50%
色調 = 灰色がかった
色相 = 125°
3桁
#898
#897
#896
#888
#887
#886
#878
#877
#876
#798
#797
#796
#788
#787
#786
#778
#777
#776
#698
#697
#696
#688
#687
#686
#678
#677
#676
名前付き
gray
slategray
lightslategray
dimgray
cadetblue
darkseagreen
rosybrown
darkgray
mediumseagreen
steelblue
seagreen
darkkhaki
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-120 : 5
-105 : 20
-90 : 35
-75 : 50
-60 : 65
-45 : 80
-30 : 95
-15 : 110
-10 : 115
-5 : 120
-2 : 123
±0 : 125
+2 : 127
+5 : 130
+10 : 135
+15 : 140
+30 : 155
+45 : 170
+60 : 185
+75 : 200
+90 : 215
+105 : 230
+120 : 245
+135 : 260
+150 : 275
+165 : 290
+180 : 305
+195 : 320
+210 : 335
+225 : 350
彩度
+95 : 100
+91 : 96
+87 : 92
+83 : 88
+79 : 84
+75 : 80
+71 : 76
+67 : 72
+63 : 68
+59 : 64
+55 : 60
+51 : 56
+47 : 52
+45 : 50
+43 : 48
+39 : 44
+35 : 40
+31 : 36
+27 : 32
+23 : 28
+19 : 24
+15 : 20
+11 : 16
+7 : 12
+3 : 8
+2 : 7
±0 : 5
-1 : 4
-2 : 3
-3 : 2
-5 : 0
明度
+50 : 100
+46 : 96
+42 : 92
+38 : 88
+34 : 84
+30 : 80
+26 : 76
+22 : 72
+18 : 68
+14 : 64
+10 : 60
+6 : 56
+3 : 53
+2 : 52
±0 : 50
-2 : 48
-3 : 47
-6 : 44
-10 : 40
-14 : 36
-18 : 32
-22 : 28
-26 : 24
-30 : 20
-34 : 16
-38 : 12
-42 : 8
-46 : 4
-50 : 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
黒
-48 : 0
-44 : 4
-40 : 8
-36 : 12
-32 : 16
-28 : 20
-24 : 24
-20 : 28
-16 : 32
-12 : 36
-8 : 40
-4 : 44
-3 : 45
-2 : 46
±0 : 48
+2 : 50
+3 : 51
+4 : 52
+8 : 56
+12 : 60
+16 : 64
+20 : 68
+24 : 72
+28 : 76
+32 : 80
+36 : 84
+40 : 88
+44 : 92
+48 : 96
+52 : 100
赤
+134 : 255
+117 : 238
+100 : 221
+83 : 204
+66 : 187
+49 : 170
+32 : 153
+15 : 136
+8 : 129
+4 : 125
+2 : 123
+1 : 122
±0 : 121
-1 : 120
-2 : 119
-4 : 117
-8 : 113
-19 : 102
-36 : 85
-53 : 68
-70 : 51
-87 : 34
-104 : 17
-121 : 0
緑
+122 : 255
+105 : 238
+88 : 221
+71 : 204
+54 : 187
+37 : 170
+20 : 153
+8 : 141
+4 : 137
+3 : 136
+2 : 135
+1 : 134
±0 : 133
-1 : 132
-2 : 131
-4 : 129
-8 : 125
-14 : 119
-31 : 102
-48 : 85
-65 : 68
-82 : 51
-99 : 34
-116 : 17
-133 : 0
青
+133 : 255
+116 : 238
+99 : 221
+82 : 204
+65 : 187
+48 : 170
+31 : 153
+14 : 136
+8 : 130
+4 : 126
+2 : 124
+1 : 123
±0 : 122
-1 : 121
-2 : 120
-3 : 119
-4 : 118
-8 : 114
-20 : 102
-37 : 85
-54 : 68
-71 : 51
-88 : 34
-105 : 17
-122 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000