#335075
RGB ( 赤 = 51, 緑 = 80, 青 = 117 )
HSL ( 色相 = 214°, 彩度 = 39%, 明度 = 33% )
H : 色相 ( 214° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #753833 : -210
14 : #754333 : -200
24 : #754e33 : -190
34 : #755933 : -180
44 : #756333 : -170
54 : #756e33 : -160
64 : #717533 : -150
74 : #667533 : -140
84 : #5b7533 : -130
94 : #507533 : -120
104 : #457533 : -110
114 : #3a7533 : -100
124 : #337538 : -90
134 : #337543 : -80
144 : #33754e : -70
154 : #337559 : -60
164 : #337563 : -50
174 : #33756e : -40
184 : #337175 : -30
194 : #336675 : -20
204 : #335b75 : -10
214 : #335075 : ±0
224 : #334575 : +10
234 : #333a75 : +20
244 : #383375 : +30
254 : #433375 : +40
264 : #4e3375 : +50
274 : #593375 : +60
284 : #633375 : +70
294 : #6e3375 : +80
304 : #753371 : +90
314 : #753366 : +100
324 : #75335b : +110
334 : #753350 : +120
344 : #753345 : +130
354 : #75333a : +140
204 : #335b75 : -10
205 : #335a75 : -9
206 : #335975 : -8
207 : #335775 : -7
208 : #335675 : -6
209 : #335575 : -5
210 : #335475 : -4
211 : #335375 : -3
212 : #335275 : -2
213 : #335175 : -1
214 : #335075 : ±0
215 : #334f75 : +1
216 : #334e75 : +2
217 : #334c75 : +3
218 : #334b75 : +4
219 : #334a75 : +5
220 : #334975 : +6
221 : #334875 : +7
222 : #334775 : +8
223 : #334675 : +9
224 : #334575 : +10
S : 彩度 ( 39% )
(0%) 渋い ~ 鮮やか (100%)
1 : #535455 : -38
3 : #525457 : -36
5 : #505458 : -34
7 : #4e535a : -32
9 : #4d535c : -30
11 : #4b535d : -28
13 : #49535f : -26
15 : #485261 : -24
17 : #465262 : -22
19 : #445264 : -20
21 : #425266 : -18
23 : #415268 : -16
25 : #3f5169 : -14
27 : #3d516b : -12
29 : #3c516d : -10
31 : #3a516e : -8
33 : #385070 : -6
35 : #375072 : -4
37 : #355073 : -2
39 : #335075 : ±0
41 : #325077 : +2
43 : #304f78 : +4
45 : #2e4f7a : +6
47 : #2d4f7c : +8
49 : #2b4f7d : +10
51 : #294e7f : +12
53 : #284e81 : +14
55 : #264e82 : +16
57 : #244e84 : +18
59 : #234e86 : +20
61 : #214d87 : +22
63 : #1f4d89 : +24
65 : #1d4d8b : +26
67 : #1c4d8d : +28
69 : #1a4c8e : +30
71 : #184c90 : +32
73 : #174c92 : +34
75 : #154c93 : +36
77 : #134c95 : +38
79 : #124b97 : +40
81 : #104b98 : +42
83 : #0e4b9a : +44
85 : #0d4b9c : +46
87 : #0b4a9d : +48
89 : #094a9f : +50
91 : #084aa1 : +52
93 : #064aa2 : +54
95 : #0449a4 : +56
97 : #0349a6 : +58
99 : #0149a7 : +60
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #020204 : -32
3 : #05070b : -30
5 : #080c12 : -28
7 : #0b1119 : -26
9 : #0e1620 : -24
11 : #111b27 : -22
13 : #141f2e : -20
15 : #172435 : -18
17 : #1a293c : -16
19 : #1e2e43 : -14
21 : #21334a : -12
23 : #243852 : -10
25 : #273c59 : -8
27 : #2a4160 : -6
29 : #2d4667 : -4
31 : #304b6e : -2
33 : #335075 : ±0
35 : #36557c : +2
37 : #3a5983 : +4
39 : #3d5e8a : +6
41 : #406391 : +8
43 : #436898 : +10
45 : #466da0 : +12
47 : #4972a7 : +14
49 : #4c76ae : +16
51 : #517cb3 : +18
53 : #5881b6 : +20
55 : #5f86b9 : +22
57 : #678cbc : +24
59 : #6e91bf : +26
61 : #7596c2 : +28
63 : #7c9cc5 : +30
65 : #83a1c9 : +32
67 : #8aa6cc : +34
69 : #91accf : +36
71 : #98b1d2 : +38
73 : #9fb7d5 : +40
75 : #a6bcd8 : +42
77 : #adc1db : +44
79 : #b5c7de : +46
81 : #bccce1 : +48
83 : #c3d1e5 : +50
85 : #cad7e8 : +52
87 : #d1dceb : +54
89 : #d8e1ee : +56
91 : #dfe7f1 : +58
93 : #e6ecf4 : +60
95 : #edf2f7 : +62
97 : #f4f7fa : +64
99 : #fbfcfd : +66
CSS入門、作ってます。
text-shadow