#7b837d
RGB ( 赤 = 123, 緑 = 131, 青 = 125 )
HSL ( 色相 = 135°, 彩度 = 3%, 明度 = 50% )
H : 色相 ( 135° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #837c7c : -130
15 : #837e7c : -120
25 : #837f7c : -110
35 : #83807c : -100
45 : #83817c : -90
55 : #83837c : -80
65 : #83837c : -70
75 : #81837c : -60
85 : #80837c : -50
95 : #7f837c : -40
105 : #7e837c : -30
115 : #7c837c : -20
125 : #7c837c : -10
135 : #7c837e : ±0
145 : #7c837f : +10
155 : #7c8380 : +20
165 : #7c8381 : +30
175 : #7c8383 : +40
185 : #7c8383 : +50
195 : #7c8183 : +60
205 : #7c8083 : +70
215 : #7c7f83 : +80
225 : #7c7e83 : +90
235 : #7c7c83 : +100
245 : #7c7c83 : +110
255 : #7e7c83 : +120
265 : #7f7c83 : +130
275 : #807c83 : +140
285 : #817c83 : +150
295 : #837c83 : +160
305 : #837c83 : +170
315 : #837c81 : +180
325 : #837c80 : +190
335 : #837c7f : +200
345 : #837c7e : +210
355 : #837c7c : +220
125 : #7c837c : -10
126 : #7c837c : -9
127 : #7c837d : -8
128 : #7c837d : -7
129 : #7c837d : -6
130 : #7c837d : -5
131 : #7c837d : -4
132 : #7c837d : -3
133 : #7c837d : -2
134 : #7c837d : -1
135 : #7c837e : ±0
136 : #7c837e : +1
137 : #7c837e : +2
138 : #7c837e : +3
139 : #7c837e : +4
140 : #7c837e : +5
141 : #7c837e : +6
142 : #7c837e : +7
143 : #7c837f : +8
144 : #7c837f : +9
145 : #7c837f : +10
S : 彩度 ( 3% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7e817f : -2
3 : #7c837e : ±0
5 : #79867c : +2
7 : #77887b : +4
9 : #748b7a : +6
11 : #718e78 : +8
13 : #6f9077 : +10
15 : #6c9376 : +12
17 : #6a9575 : +14
19 : #679873 : +16
21 : #659a72 : +18
23 : #629d71 : +20
25 : #609f70 : +22
27 : #5da26e : +24
29 : #5ba46d : +26
31 : #58a76c : +28
33 : #55aa6a : +30
35 : #53ac69 : +32
37 : #50af68 : +34
39 : #4eb167 : +36
41 : #4bb465 : +38
43 : #49b664 : +40
45 : #46b963 : +42
47 : #44bb62 : +44
49 : #41be60 : +46
51 : #3ec15f : +48
53 : #3cc35e : +50
55 : #39c65c : +52
57 : #37c85b : +54
59 : #34cb5a : +56
61 : #32cd59 : +58
63 : #2fd057 : +60
65 : #2dd256 : +62
67 : #2ad555 : +64
69 : #28d754 : +66
71 : #25da52 : +68
73 : #22dd51 : +70
75 : #20df50 : +72
77 : #1de24e : +74
79 : #1be44d : +76
81 : #18e74c : +78
83 : #16e94b : +80
85 : #13ec49 : +82
87 : #11ee48 : +84
89 : #0ef147 : +86
91 : #0bf445 : +88
93 : #09f644 : +90
95 : #06f943 : +92
97 : #04fb42 : +94
99 : #01fe40 : +96
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #050505 : -48
4 : #0a0b0a : -46
6 : #0f100f : -44
8 : #141514 : -42
10 : #191a19 : -40
12 : #1e201e : -38
14 : #232523 : -36
16 : #282a28 : -34
18 : #2d2f2d : -32
20 : #313532 : -30
22 : #363a37 : -28
24 : #3b3f3c : -26
26 : #404441 : -24
28 : #454a46 : -22
30 : #4a4f4b : -20
32 : #4f5450 : -18
34 : #545955 : -16
36 : #595f5a : -14
38 : #5e645f : -12
40 : #636964 : -10
42 : #686e69 : -8
44 : #6d746f : -6
46 : #727974 : -4
48 : #777e79 : -2
50 : #7c837e : ±0
52 : #818883 : +2
54 : #868d88 : +4
56 : #8b928d : +6
58 : #919792 : +8
60 : #969c97 : +10
62 : #9ba19d : +12
64 : #a0a6a2 : +14
66 : #a6aba7 : +16
68 : #abb0ac : +18
70 : #b0b5b1 : +20
72 : #b5bab7 : +22
74 : #bbbfbc : +24
76 : #c0c4c1 : +26
78 : #c5c9c6 : +28
80 : #cacecb : +30
82 : #d0d2d0 : +32
84 : #d5d7d6 : +34
86 : #dadcdb : +36
88 : #dfe1e0 : +38
90 : #e5e6e5 : +40
92 : #eaebea : +42
94 : #eff0ef : +44
96 : #f4f5f5 : +46
98 : #fafafa : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow