#977b6d
RGB ( 赤 = 151, 緑 = 123, 青 = 109 )
HSL ( 色相 = 20°, 彩度 = 17%, 明度 = 51% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #976d6d : -20
10 : #97746d : -10
20 : #977b6d : ±0
30 : #97826d : +10
40 : #97896d : +20
50 : #97906d : +30
60 : #97976d : +40
70 : #90976d : +50
80 : #89976d : +60
90 : #82976d : +70
100 : #7b976d : +80
110 : #74976d : +90
120 : #6d976d : +100
130 : #6d9774 : +110
140 : #6d977b : +120
150 : #6d9782 : +130
160 : #6d9789 : +140
170 : #6d9790 : +150
180 : #6d9797 : +160
190 : #6d9097 : +170
200 : #6d8997 : +180
210 : #6d8297 : +190
220 : #6d7b97 : +200
230 : #6d7497 : +210
240 : #6d6d97 : +220
250 : #746d97 : +230
260 : #7b6d97 : +240
270 : #826d97 : +250
280 : #896d97 : +260
290 : #906d97 : +270
300 : #976d97 : +280
310 : #976d90 : +290
320 : #976d89 : +300
330 : #976d82 : +310
340 : #976d7b : +320
350 : #976d74 : +330
10 : #97746d : -10
11 : #97756d : -9
12 : #97756d : -8
13 : #97766d : -7
14 : #97776d : -6
15 : #97776d : -5
16 : #97786d : -4
17 : #97796d : -3
18 : #977a6d : -2
19 : #977a6d : -1
20 : #977b6d : ±0
21 : #977c6d : +1
22 : #977c6d : +2
23 : #977d6d : +3
24 : #977e6d : +4
25 : #977f6d : +5
26 : #977f6d : +6
27 : #97806d : +7
28 : #97816d : +8
29 : #97816d : +9
30 : #97826d : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #838281 : -16
3 : #86817e : -14
5 : #88807c : -12
7 : #8b7f79 : -10
9 : #8d7e77 : -8
11 : #907d74 : -6
13 : #927d72 : -4
15 : #957c6f : -2
17 : #977b6d : ±0
19 : #9a7a6a : +2
21 : #9c7968 : +4
23 : #9f7865 : +6
25 : #a17863 : +8
27 : #a47760 : +10
29 : #a6765e : +12
31 : #a9755b : +14
33 : #ab7459 : +16
35 : #ae7356 : +18
37 : #b07354 : +20
39 : #b37251 : +22
41 : #b5714f : +24
43 : #b8704c : +26
45 : #ba6f4a : +28
47 : #bd6e47 : +30
49 : #bf6e45 : +32
51 : #c26d42 : +34
53 : #c46c40 : +36
55 : #c76b3d : +38
57 : #c96a3b : +40
59 : #cc6938 : +42
61 : #ce6936 : +44
63 : #d16833 : +46
65 : #d36731 : +48
67 : #d6662e : +50
69 : #d8652c : +52
71 : #db6429 : +54
73 : #dd6427 : +56
75 : #e06324 : +58
77 : #e26222 : +60
79 : #e5611f : +62
81 : #e7601d : +64
83 : #ea5f1a : +66
85 : #ec5f18 : +68
87 : #ef5e15 : +70
89 : #f15d13 : +72
91 : #f45c10 : +74
93 : #f65b0e : +76
95 : #f95a0b : +78
97 : #fb5a09 : +80
99 : #fe5906 : +82
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -50
3 : #090706 : -48
5 : #0f0c0b : -46
7 : #15110f : -44
9 : #1b1613 : -42
11 : #211a17 : -40
13 : #271f1c : -38
15 : #2d2420 : -36
17 : #332924 : -34
19 : #392e28 : -32
21 : #3f332c : -30
23 : #453731 : -28
25 : #4b3c35 : -26
27 : #514139 : -24
29 : #57463d : -22
31 : #5c4b42 : -20
33 : #624f46 : -18
35 : #68544a : -16
37 : #6e594e : -14
39 : #745e53 : -12
41 : #7a6357 : -10
43 : #80675b : -8
45 : #866c5f : -6
47 : #8c7163 : -4
49 : #927668 : -2
51 : #977b6d : ±0
53 : #9c8073 : +2
55 : #a08679 : +4
57 : #a48b7f : +6
59 : #a89185 : +8
61 : #ac968b : +10
63 : #b19b91 : +12
65 : #b5a197 : +14
67 : #b9a69d : +16
69 : #bdaba3 : +18
71 : #c2b1a8 : +20
73 : #c6b6ae : +22
75 : #cabcb4 : +24
77 : #cec1ba : +26
79 : #d3c6c0 : +28
81 : #d7ccc6 : +30
83 : #dbd1cc : +32
85 : #dfd7d2 : +34
87 : #e3dcd8 : +36
89 : #e8e1de : +38
91 : #ece7e4 : +40
93 : #f0ecea : +42
95 : #f4f2f0 : +44
97 : #f9f7f6 : +46
99 : #fdfcfc : +48
CSS入門、作ってます。
text-shadow