#7ba380
RGB ( 赤 = 123, 緑 = 163, 青 = 128 )
HSL ( 色相 = 128°, 彩度 = 18%, 明度 = 56% )
H : 色相 ( 128° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #a3807b : -120
18 : #a3877b : -110
28 : #a38d7b : -100
38 : #a3947b : -90
48 : #a39b7b : -80
58 : #a3a27b : -70
68 : #9ea37b : -60
78 : #97a37b : -50
88 : #90a37b : -40
98 : #89a37b : -30
108 : #83a37b : -20
118 : #7ca37b : -10
128 : #7ba380 : ±0
138 : #7ba387 : +10
148 : #7ba38d : +20
158 : #7ba394 : +30
168 : #7ba39b : +40
178 : #7ba3a2 : +50
188 : #7b9ea3 : +60
198 : #7b97a3 : +70
208 : #7b90a3 : +80
218 : #7b89a3 : +90
228 : #7b83a3 : +100
238 : #7b7ca3 : +110
248 : #807ba3 : +120
258 : #877ba3 : +130
268 : #8d7ba3 : +140
278 : #947ba3 : +150
288 : #9b7ba3 : +160
298 : #a27ba3 : +170
308 : #a37b9e : +180
318 : #a37b97 : +190
328 : #a37b90 : +200
338 : #a37b89 : +210
348 : #a37b83 : +220
358 : #a37b7c : +230
118 : #7ca37b : -10
119 : #7ba37b : -9
120 : #7ba37b : -8
121 : #7ba37b : -7
122 : #7ba37c : -6
123 : #7ba37d : -5
124 : #7ba37d : -4
125 : #7ba37e : -3
126 : #7ba37f : -2
127 : #7ba37f : -1
128 : #7ba380 : ±0
129 : #7ba381 : +1
130 : #7ba381 : +2
131 : #7ba382 : +3
132 : #7ba383 : +4
133 : #7ba383 : +5
134 : #7ba384 : +6
135 : #7ba385 : +7
136 : #7ba385 : +8
137 : #7ba386 : +9
138 : #7ba387 : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8e8e8e : -18
2 : #8d918d : -16
4 : #8a938c : -14
6 : #88968a : -12
8 : #869888 : -10
10 : #849a87 : -8
12 : #819c85 : -6
14 : #7f9f83 : -4
16 : #7da182 : -2
18 : #7ba380 : ±0
20 : #78a57e : +2
22 : #76a77d : +4
24 : #74aa7b : +6
26 : #72ac79 : +8
28 : #6fae78 : +10
30 : #6db076 : +12
32 : #6bb374 : +14
34 : #69b573 : +16
36 : #66b771 : +18
38 : #64b970 : +20
40 : #62bc6e : +22
42 : #60be6c : +24
44 : #5dc06b : +26
46 : #5bc269 : +28
48 : #59c567 : +30
50 : #57c766 : +32
52 : #54c964 : +34
54 : #52cb62 : +36
56 : #50ce61 : +38
58 : #4ed05f : +40
60 : #4bd25d : +42
62 : #49d45c : +44
64 : #47d75a : +46
66 : #45d958 : +48
68 : #43db57 : +50
70 : #40dd55 : +52
72 : #3ee054 : +54
74 : #3ce252 : +56
76 : #3ae450 : +58
78 : #37e64f : +60
80 : #35e94d : +62
82 : #33eb4b : +64
84 : #31ed4a : +66
86 : #2eef48 : +68
88 : #2cf246 : +70
90 : #2af445 : +72
92 : #28f643 : +74
94 : #25f841 : +76
96 : #23fb40 : +78
98 : #21fd3e : +80
100 : #1fff3d : +82
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #040604 : -54
4 : #080c09 : -52
6 : #0d120d : -50
8 : #111812 : -48
10 : #151e16 : -46
12 : #19241b : -44
14 : #1d2a1f : -42
16 : #213023 : -40
18 : #263628 : -38
20 : #2a3c2c : -36
22 : #2e4231 : -34
24 : #324835 : -32
26 : #364e3a : -30
28 : #3b543e : -28
30 : #3f5a42 : -26
32 : #436047 : -24
34 : #47664b : -22
36 : #4b6c50 : -20
38 : #4f7254 : -18
40 : #547859 : -16
42 : #587e5d : -14
44 : #5c8461 : -12
46 : #608a66 : -10
48 : #64906a : -8
50 : #69966f : -6
52 : #6f9b74 : -4
54 : #759f7a : -2
56 : #7ba380 : ±0
58 : #81a786 : +2
60 : #87ab8c : +4
62 : #8db091 : +6
64 : #93b497 : +8
66 : #99b89d : +10
68 : #9fbca3 : +12
70 : #a5c0a8 : +14
72 : #abc4ae : +16
74 : #b1c9b4 : +18
76 : #b7cdba : +20
78 : #bdd1bf : +22
80 : #c3d5c5 : +24
82 : #c9d9cb : +26
84 : #cfded1 : +28
86 : #d5e2d7 : +30
88 : #dbe6dc : +32
90 : #e1eae2 : +34
92 : #e7eee8 : +36
94 : #edf2ee : +38
96 : #f3f7f3 : +40
98 : #f9fbf9 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow