#104c68
RGB ( 赤 = 16, 緑 = 76, 青 = 104 )
HSL ( 色相 = 199°, 彩度 = 73%, 明度 = 24% )
H : 色相 ( 199° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #6a1e11 : -190
19 : #6a2d11 : -180
29 : #6a3c11 : -170
39 : #6a4b11 : -160
49 : #6a5911 : -150
59 : #6a6811 : -140
69 : #5c6a11 : -130
79 : #4e6a11 : -120
89 : #3f6a11 : -110
99 : #306a11 : -100
109 : #216a11 : -90
119 : #126a11 : -80
129 : #116a1e : -70
139 : #116a2d : -60
149 : #116a3c : -50
159 : #116a4b : -40
169 : #116a59 : -30
179 : #116a68 : -20
189 : #115c6a : -10
199 : #114e6a : ±0
209 : #113f6a : +10
219 : #11306a : +20
229 : #11216a : +30
239 : #11126a : +40
249 : #1e116a : +50
259 : #2d116a : +60
269 : #3c116a : +70
279 : #4b116a : +80
289 : #59116a : +90
299 : #68116a : +100
309 : #6a115c : +110
319 : #6a114e : +120
329 : #6a113f : +130
339 : #6a1130 : +140
349 : #6a1121 : +150
359 : #6a1112 : +160
189 : #115c6a : -10
190 : #115b6a : -9
191 : #11596a : -8
192 : #11586a : -7
193 : #11576a : -6
194 : #11556a : -5
195 : #11546a : -4
196 : #11526a : -3
197 : #11516a : -2
198 : #114f6a : -1
199 : #114e6a : ±0
200 : #114c6a : +1
201 : #114b6a : +2
202 : #11496a : +3
203 : #11486a : +4
204 : #11466a : +5
205 : #11456a : +6
206 : #11436a : +7
207 : #11426a : +8
208 : #11406a : +9
209 : #113f6a : +10
S : 彩度 ( 73% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3d3d3e : -72
3 : #3b3e3f : -70
5 : #3a3e40 : -68
7 : #393f41 : -66
9 : #383f43 : -64
11 : #364044 : -62
13 : #354045 : -60
15 : #344146 : -58
17 : #334148 : -56
19 : #324149 : -54
21 : #30424a : -52
23 : #2f424b : -50
25 : #2e434d : -48
27 : #2d434e : -46
29 : #2b444f : -44
31 : #2a4450 : -42
33 : #294551 : -40
35 : #284553 : -38
37 : #274654 : -36
39 : #254655 : -34
41 : #244656 : -32
43 : #234758 : -30
45 : #224759 : -28
47 : #20485a : -26
49 : #1f485b : -24
51 : #1e495c : -22
53 : #1d495e : -20
55 : #1c4a5f : -18
57 : #1a4a60 : -16
59 : #194a61 : -14
61 : #184b63 : -12
63 : #174b64 : -10
65 : #154c65 : -8
67 : #144c66 : -6
69 : #134d67 : -4
71 : #124d69 : -2
73 : #114e6a : ±0
75 : #0f4e6b : +2
77 : #0e4e6c : +4
79 : #0d4f6e : +6
81 : #0c4f6f : +8
83 : #0a5070 : +10
85 : #095071 : +12
87 : #085172 : +14
89 : #075174 : +16
91 : #065275 : +18
93 : #045276 : +20
95 : #035377 : +22
97 : #025379 : +24
99 : #01537a : +26
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #010609 : -22
4 : #030d12 : -20
6 : #04131a : -18
8 : #061a23 : -16
10 : #07202c : -14
12 : #082735 : -12
14 : #0a2d3e : -10
16 : #0b3447 : -8
18 : #0c3a4f : -6
20 : #0e4158 : -4
22 : #0f4761 : -2
24 : #114e6a : ±0
26 : #125473 : +2
28 : #135b7c : +4
30 : #156184 : +6
32 : #16678d : +8
34 : #176e96 : +10
36 : #19749f : +12
38 : #1a7ba8 : +14
40 : #1c81b0 : +16
42 : #1d88b9 : +18
44 : #1e8ec2 : +20
46 : #2095cb : +22
48 : #219bd4 : +24
50 : #22a2dd : +26
52 : #2ba5de : +28
54 : #34a9df : +30
56 : #3dade1 : +32
58 : #46b1e2 : +34
60 : #4fb4e3 : +36
62 : #57b8e5 : +38
64 : #60bce6 : +40
66 : #69c0e8 : +42
68 : #72c3e9 : +44
70 : #7bc7ea : +46
72 : #83cbec : +48
74 : #8cceed : +50
76 : #95d2ee : +52
78 : #9ed6f0 : +54
80 : #a7daf1 : +56
82 : #b0ddf3 : +58
84 : #b8e1f4 : +60
86 : #c1e5f5 : +62
88 : #cae9f7 : +64
90 : #d3ecf8 : +66
92 : #dcf0f9 : +68
94 : #e5f4fb : +70
96 : #edf8fc : +72
98 : #f6fbfe : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow