#324053
RGB ( 赤 = 50, 緑 = 64, 青 = 83 )
HSL ( 色相 = 215°, 彩度 = 25%, 明度 = 26% )
H : 色相 ( 215° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #533432 : -210
15 : #533a32 : -200
25 : #534032 : -190
35 : #534532 : -180
45 : #534b32 : -170
55 : #535032 : -160
65 : #505332 : -150
75 : #4b5332 : -140
85 : #455332 : -130
95 : #405332 : -120
105 : #3a5332 : -110
115 : #345332 : -100
125 : #325334 : -90
135 : #32533a : -80
145 : #325340 : -70
155 : #325345 : -60
165 : #32534b : -50
175 : #325350 : -40
185 : #325053 : -30
195 : #324b53 : -20
205 : #324553 : -10
215 : #324053 : ±0
225 : #323a53 : +10
235 : #323453 : +20
245 : #343253 : +30
255 : #3a3253 : +40
265 : #403253 : +50
275 : #453253 : +60
285 : #4b3253 : +70
295 : #503253 : +80
305 : #533250 : +90
315 : #53324b : +100
325 : #533245 : +110
335 : #533240 : +120
345 : #53323a : +130
355 : #533234 : +140
205 : #324553 : -10
206 : #324553 : -9
207 : #324453 : -8
208 : #324353 : -7
209 : #324353 : -6
210 : #324253 : -5
211 : #324253 : -4
212 : #324153 : -3
213 : #324153 : -2
214 : #324053 : -1
215 : #324053 : ±0
216 : #323f53 : +1
217 : #323e53 : +2
218 : #323e53 : +3
219 : #323d53 : +4
220 : #323d53 : +5
221 : #323c53 : +6
222 : #323c53 : +7
223 : #323b53 : +8
224 : #323b53 : +9
225 : #323a53 : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #424243 : -24
3 : #404244 : -22
5 : #3f4246 : -20
7 : #3e4247 : -18
9 : #3c4148 : -16
11 : #3b414a : -14
13 : #3a414b : -12
15 : #38414c : -10
17 : #37404e : -8
19 : #36404f : -6
21 : #344050 : -4
23 : #334052 : -2
25 : #324053 : ±0
27 : #303f54 : +2
29 : #2f3f56 : +4
31 : #2e3f57 : +6
33 : #2c3f58 : +8
35 : #2b3e5a : +10
37 : #2a3e5b : +12
39 : #283e5c : +14
41 : #273e5d : +16
43 : #263e5f : +18
45 : #243d60 : +20
47 : #233d61 : +22
49 : #223d63 : +24
51 : #203d64 : +26
53 : #1f3c65 : +28
55 : #1e3c67 : +30
57 : #1d3c68 : +32
59 : #1b3c69 : +34
61 : #1a3c6b : +36
63 : #193b6c : +38
65 : #173b6d : +40
67 : #163b6f : +42
69 : #153b70 : +44
71 : #133a71 : +46
73 : #123a73 : +48
75 : #113a74 : +50
77 : #0f3a75 : +52
79 : #0e3a77 : +54
81 : #0d3978 : +56
83 : #0b3979 : +58
85 : #0a397b : +60
87 : #09397c : +62
89 : #07387d : +64
91 : #06387f : +66
93 : #053880 : +68
95 : #033881 : +70
97 : #023883 : +72
99 : #013784 : +74
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #040506 : -24
4 : #080a0d : -22
6 : #0b0f13 : -20
8 : #0f141a : -18
10 : #131820 : -16
12 : #171d26 : -14
14 : #1b222d : -12
16 : #1f2733 : -10
18 : #222c39 : -8
20 : #263140 : -6
22 : #2a3646 : -4
24 : #2e3b4d : -2
26 : #324053 : ±0
28 : #364459 : +2
30 : #394960 : +4
32 : #3d4e66 : +6
34 : #41536c : +8
36 : #455873 : +10
38 : #495d79 : +12
40 : #4d6280 : +14
42 : #506786 : +16
44 : #546c8c : +18
46 : #587093 : +20
48 : #5c7599 : +22
50 : #607a9f : +24
52 : #6680a3 : +26
54 : #6c85a7 : +28
56 : #738aab : +30
58 : #798faf : +32
60 : #8095b3 : +34
62 : #869ab6 : +36
64 : #8c9fba : +38
66 : #93a5be : +40
68 : #99aac2 : +42
70 : #9fafc6 : +44
72 : #a6b5c9 : +46
74 : #acbacd : +48
76 : #b3bfd1 : +50
78 : #b9c5d5 : +52
80 : #bfcad9 : +54
82 : #c6cfdd : +56
84 : #ccd5e0 : +58
86 : #d2dae4 : +60
88 : #d9dfe8 : +62
90 : #dfe4ec : +64
92 : #e6eaf0 : +66
94 : #eceff4 : +68
96 : #f2f4f7 : +70
98 : #f9fafb : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow