#33615a
RGB ( 赤 = 51, 緑 = 97, 青 = 90 )
HSL ( 色相 = 171°, 彩度 = 31%, 明度 = 29% )
H : 色相 ( 171° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #613433 : -170
11 : #613b33 : -160
21 : #614333 : -150
31 : #614b33 : -140
41 : #615233 : -130
51 : #615a33 : -120
61 : #606133 : -110
71 : #586133 : -100
81 : #516133 : -90
91 : #496133 : -80
101 : #426133 : -70
111 : #3a6133 : -60
121 : #336134 : -50
131 : #33613b : -40
141 : #336143 : -30
151 : #33614b : -20
161 : #336152 : -10
171 : #33615a : ±0
181 : #336061 : +10
191 : #335861 : +20
201 : #335161 : +30
211 : #334961 : +40
221 : #334261 : +50
231 : #333a61 : +60
241 : #343361 : +70
251 : #3b3361 : +80
261 : #433361 : +90
271 : #4b3361 : +100
281 : #523361 : +110
291 : #5a3361 : +120
301 : #613360 : +130
311 : #613358 : +140
321 : #613351 : +150
331 : #613349 : +160
341 : #613342 : +170
351 : #61333a : +180
161 : #336152 : -10
162 : #336153 : -9
163 : #336154 : -8
164 : #336155 : -7
165 : #336155 : -6
166 : #336156 : -5
167 : #336157 : -4
168 : #336158 : -3
169 : #336158 : -2
170 : #336159 : -1
171 : #33615a : ±0
172 : #33615b : +1
173 : #33615c : +2
174 : #33615c : +3
175 : #33615d : +4
176 : #33615e : +5
177 : #33615f : +6
178 : #33615f : +7
179 : #336160 : +8
180 : #336161 : +9
181 : #336061 : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #494b4a : -30
3 : #484c4c : -28
5 : #464e4d : -26
7 : #454f4e : -24
9 : #43514f : -22
11 : #425250 : -20
13 : #405451 : -18
15 : #3f5552 : -16
17 : #3d5753 : -14
19 : #3c5854 : -12
21 : #3a5955 : -10
23 : #395b56 : -8
25 : #375c57 : -6
27 : #365e58 : -4
29 : #355f59 : -2
31 : #33615a : ±0
33 : #32625b : +2
35 : #30645c : +4
37 : #2f655d : +6
39 : #2d675e : +8
41 : #2c685f : +10
43 : #2a6a60 : +12
45 : #296b61 : +14
47 : #276d62 : +16
49 : #266e63 : +18
51 : #247064 : +20
53 : #237165 : +22
55 : #217366 : +24
57 : #207467 : +26
59 : #1e7668 : +28
61 : #1d776a : +30
63 : #1b796b : +32
65 : #1a7a6c : +34
67 : #187b6d : +36
69 : #177d6e : +38
71 : #157e6f : +40
73 : #148070 : +42
75 : #128171 : +44
77 : #118372 : +46
79 : #108473 : +48
81 : #0e8674 : +50
83 : #0d8775 : +52
85 : #0b8976 : +54
87 : #0a8a77 : +56
89 : #088c78 : +58
91 : #078d79 : +60
93 : #058f7a : +62
95 : #04907b : +64
97 : #02927c : +66
99 : #01937d : +68
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -28
3 : #050a09 : -26
5 : #091110 : -24
7 : #0c1716 : -22
9 : #101e1c : -20
11 : #132522 : -18
13 : #172b28 : -16
15 : #1a322f : -14
17 : #1e3935 : -12
19 : #213f3b : -10
21 : #254641 : -8
23 : #284d47 : -6
25 : #2c544e : -4
27 : #305a54 : -2
29 : #33615a : ±0
31 : #376860 : +2
33 : #3a6e66 : +4
35 : #3e756d : +6
37 : #417c73 : +8
39 : #458279 : +10
41 : #48897f : +12
43 : #4c9085 : +14
45 : #4f968c : +16
47 : #539d92 : +18
49 : #56a498 : +20
51 : #5ba99d : +22
53 : #62aca1 : +24
55 : #69b0a5 : +26
57 : #6fb3a9 : +28
59 : #76b7ad : +30
61 : #7dbab1 : +32
63 : #83beb5 : +34
65 : #8ac1b9 : +36
67 : #91c5bd : +38
69 : #97c8c1 : +40
71 : #9eccc5 : +42
73 : #a5cfc9 : +44
75 : #abd3cd : +46
77 : #b2d7d1 : +48
79 : #b9dad5 : +50
81 : #c0ded9 : +52
83 : #c6e1dd : +54
85 : #cde5e1 : +56
87 : #d4e8e5 : +58
89 : #daece9 : +60
91 : #e1efed : +62
93 : #e8f3f1 : +64
95 : #eef6f5 : +66
97 : #f5faf9 : +68
99 : #fcfdfd : +70
CSS入門、作ってます。
text-shadow