#194e61
RGB ( 赤 = 25, 緑 = 78, 青 = 97 )
HSL ( 色相 = 196°, 彩度 = 59%, 明度 = 24% )
H : 色相 ( 196° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #612019 : -190
16 : #612c19 : -180
26 : #613819 : -170
36 : #614419 : -160
46 : #615019 : -150
56 : #615c19 : -140
66 : #5a6119 : -130
76 : #4e6119 : -120
86 : #426119 : -110
96 : #366119 : -100
106 : #2a6119 : -90
116 : #1e6119 : -80
126 : #196120 : -70
136 : #19612c : -60
146 : #196138 : -50
156 : #196144 : -40
166 : #196150 : -30
176 : #19615c : -20
186 : #195a61 : -10
196 : #194e61 : ±0
206 : #194261 : +10
216 : #193661 : +20
226 : #192a61 : +30
236 : #191e61 : +40
246 : #201961 : +50
256 : #2c1961 : +60
266 : #381961 : +70
276 : #441961 : +80
286 : #501961 : +90
296 : #5c1961 : +100
306 : #61195a : +110
316 : #61194e : +120
326 : #611942 : +130
336 : #611936 : +140
346 : #61192a : +150
356 : #61191e : +160
186 : #195a61 : -10
187 : #195961 : -9
188 : #195861 : -8
189 : #195661 : -7
190 : #195561 : -6
191 : #195461 : -5
192 : #195361 : -4
193 : #195261 : -3
194 : #195061 : -2
195 : #194f61 : -1
196 : #194e61 : ±0
197 : #194d61 : +1
198 : #194c61 : +2
199 : #194a61 : +3
200 : #194961 : +4
201 : #194861 : +5
202 : #194761 : +6
203 : #194661 : +7
204 : #194461 : +8
205 : #194361 : +9
206 : #194261 : +10
S : 彩度 ( 59% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3d3d3e : -58
3 : #3b3e3f : -56
5 : #3a3f40 : -54
7 : #393f41 : -52
9 : #384043 : -50
11 : #364044 : -48
13 : #354145 : -46
15 : #344146 : -44
17 : #334248 : -42
19 : #324349 : -40
21 : #30434a : -38
23 : #2f444b : -36
25 : #2e444d : -34
27 : #2d454e : -32
29 : #2b454f : -30
31 : #2a4650 : -28
33 : #294751 : -26
35 : #284753 : -24
37 : #274854 : -22
39 : #254855 : -20
41 : #244956 : -18
43 : #234958 : -16
45 : #224a59 : -14
47 : #204b5a : -12
49 : #1f4b5b : -10
51 : #1e4c5c : -8
53 : #1d4c5e : -6
55 : #1c4d5f : -4
57 : #1a4d60 : -2
59 : #194e61 : ±0
61 : #184f63 : +2
63 : #174f64 : +4
65 : #155065 : +6
67 : #145066 : +8
69 : #135167 : +10
71 : #125169 : +12
73 : #11526a : +14
75 : #0f536b : +16
77 : #0e536c : +18
79 : #0d546e : +20
81 : #0c546f : +22
83 : #0a5570 : +24
85 : #095571 : +26
87 : #085672 : +28
89 : #075774 : +30
91 : #065775 : +32
93 : #045876 : +34
95 : #035877 : +36
97 : #025979 : +38
99 : #01597a : +40
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #020708 : -22
4 : #040d10 : -20
6 : #061418 : -18
8 : #081a20 : -16
10 : #0a2129 : -14
12 : #0d2731 : -12
14 : #0f2e39 : -10
16 : #113441 : -8
18 : #133b49 : -6
20 : #154151 : -4
22 : #174859 : -2
24 : #194e61 : ±0
26 : #1b5569 : +2
28 : #1d5b72 : +4
30 : #1f627a : +6
32 : #216882 : +8
34 : #246f8a : +10
36 : #267592 : +12
38 : #287c9a : +14
40 : #2a82a2 : +16
42 : #2c89aa : +18
44 : #2e8fb2 : +20
46 : #3096bb : +22
48 : #329cc3 : +24
50 : #34a3cb : +26
52 : #3ca6cd : +28
54 : #44aacf : +30
56 : #4daed1 : +32
58 : #55b1d3 : +34
60 : #5db5d5 : +36
62 : #65b9d7 : +38
64 : #6dbcd9 : +40
66 : #75c0db : +42
68 : #7dc4de : +44
70 : #85c8e0 : +46
72 : #8dcbe2 : +48
74 : #96cfe4 : +50
76 : #9ed3e6 : +52
78 : #a6d6e8 : +54
80 : #aedaea : +56
82 : #b6deec : +58
84 : #bee1ee : +60
86 : #c6e5f0 : +62
88 : #cee9f2 : +64
90 : #d6edf5 : +66
92 : #dff0f7 : +68
94 : #e7f4f9 : +70
96 : #eff8fb : +72
98 : #f7fbfd : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow