#3f7478
RGB ( 赤 = 63, 緑 = 116, 青 = 120 )
HSL ( 色相 = 184°, 彩度 = 31%, 明度 = 36% )
H : 色相 ( 184° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #78433f : -180
14 : #784d3f : -170
24 : #78563f : -160
34 : #78603f : -150
44 : #78693f : -140
54 : #78733f : -130
64 : #74783f : -120
74 : #6b783f : -110
84 : #61783f : -100
94 : #58783f : -90
104 : #4f783f : -80
114 : #45783f : -70
124 : #3f7843 : -60
134 : #3f784d : -50
144 : #3f7856 : -40
154 : #3f7860 : -30
164 : #3f7869 : -20
174 : #3f7873 : -10
184 : #3f7478 : ±0
194 : #3f6b78 : +10
204 : #3f6178 : +20
214 : #3f5878 : +30
224 : #3f4f78 : +40
234 : #3f4578 : +50
244 : #433f78 : +60
254 : #4d3f78 : +70
264 : #563f78 : +80
274 : #603f78 : +90
284 : #693f78 : +100
294 : #733f78 : +110
304 : #783f74 : +120
314 : #783f6b : +130
324 : #783f61 : +140
334 : #783f58 : +150
344 : #783f4f : +160
354 : #783f45 : +170
174 : #3f7873 : -10
175 : #3f7874 : -9
176 : #3f7874 : -8
177 : #3f7875 : -7
178 : #3f7876 : -6
179 : #3f7877 : -5
180 : #3f7878 : -4
181 : #3f7778 : -3
182 : #3f7678 : -2
183 : #3f7578 : -1
184 : #3f7478 : ±0
185 : #3f7478 : +1
186 : #3f7378 : +2
187 : #3f7278 : +3
188 : #3f7178 : +4
189 : #3f7078 : +5
190 : #3f6f78 : +6
191 : #3f6e78 : +7
192 : #3f6d78 : +8
193 : #3f6c78 : +9
194 : #3f6b78 : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5b5d5d : -30
3 : #595e5f : -28
5 : #576060 : -26
7 : #556162 : -24
9 : #546364 : -22
11 : #526566 : -20
13 : #506668 : -18
15 : #4e686a : -16
17 : #4c696b : -14
19 : #4a6b6d : -12
21 : #496d6f : -10
23 : #476e71 : -8
25 : #457073 : -6
27 : #437175 : -4
29 : #417376 : -2
31 : #3f7478 : ±0
33 : #3e767a : +2
35 : #3c787c : +4
37 : #3a797e : +6
39 : #387b80 : +8
41 : #367c81 : +10
43 : #347e83 : +12
45 : #328085 : +14
47 : #318187 : +16
49 : #2f8389 : +18
51 : #2d848b : +20
53 : #2b868c : +22
55 : #29888e : +24
57 : #278990 : +26
59 : #268b92 : +28
61 : #248c94 : +30
63 : #228e96 : +32
65 : #209097 : +34
67 : #1e9199 : +36
69 : #1c939b : +38
71 : #1b949d : +40
73 : #19969f : +42
75 : #1797a1 : +44
77 : #1599a2 : +46
79 : #139ba4 : +48
81 : #119ca6 : +50
83 : #109ea8 : +52
85 : #0e9faa : +54
87 : #0ca1ac : +56
89 : #0aa3ae : +58
91 : #08a4af : +60
93 : #06a6b1 : +62
95 : #05a7b3 : +64
97 : #03a9b5 : +66
99 : #01abb7 : +68
L : 明度 ( 36% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -36
2 : #040607 : -34
4 : #070d0d : -32
6 : #0b1314 : -30
8 : #0e1a1b : -28
10 : #122021 : -26
12 : #152728 : -24
14 : #192d2f : -22
16 : #1c3435 : -20
18 : #203a3c : -18
20 : #234143 : -16
22 : #274749 : -14
24 : #2a4e50 : -12
26 : #2e5457 : -10
28 : #315b5e : -8
30 : #356164 : -6
32 : #38686b : -4
34 : #3c6e72 : -2
36 : #3f7478 : ±0
38 : #437b7f : +2
40 : #468186 : +4
42 : #4a888c : +6
44 : #4d8e93 : +8
46 : #51959a : +10
48 : #549ba0 : +12
50 : #58a2a7 : +14
52 : #5fa5ab : +16
54 : #65a9ae : +18
56 : #6cadb2 : +20
58 : #73b1b5 : +22
60 : #79b4b9 : +24
62 : #80b8bc : +26
64 : #87bcc0 : +28
66 : #8dc0c3 : +30
68 : #94c3c7 : +32
70 : #9bc7ca : +34
72 : #a1cbce : +36
74 : #a8cfd1 : +38
76 : #afd2d5 : +40
78 : #b6d6d8 : +42
80 : #bcdadc : +44
82 : #c3dddf : +46
84 : #cae1e3 : +48
86 : #d0e5e6 : +50
88 : #d7e9ea : +52
90 : #deeced : +54
92 : #e4f0f1 : +56
94 : #ebf4f4 : +58
96 : #f2f8f8 : +60
98 : #f8fbfb : +62
100 : #ffffff : +64
CSS入門、作ってます。
text-shadow