#53224a
RGB ( 赤 = 83, 緑 = 34, 青 = 74 )
HSL ( 色相 = 311°, 彩度 = 42%, 明度 = 23% )
H : 色相 ( 311° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #532322 : -310
11 : #532b22 : -300
21 : #533322 : -290
31 : #533b22 : -280
41 : #534422 : -270
51 : #534c22 : -260
61 : #525322 : -250
71 : #4a5322 : -240
81 : #425322 : -230
91 : #3a5322 : -220
101 : #325322 : -210
111 : #295322 : -200
121 : #225323 : -190
131 : #22532b : -180
141 : #225333 : -170
151 : #22533b : -160
161 : #225344 : -150
171 : #22534c : -140
181 : #225253 : -130
191 : #224a53 : -120
201 : #224253 : -110
211 : #223a53 : -100
221 : #223253 : -90
231 : #222953 : -80
241 : #232253 : -70
251 : #2b2253 : -60
261 : #332253 : -50
271 : #3b2253 : -40
281 : #442253 : -30
291 : #4c2253 : -20
301 : #532252 : -10
311 : #53224a : ±0
321 : #532242 : +10
331 : #53223a : +20
341 : #532232 : +30
351 : #532229 : +40
301 : #532252 : -10
302 : #532252 : -9
303 : #532251 : -8
304 : #532250 : -7
305 : #53224f : -6
306 : #53224e : -5
307 : #53224e : -4
308 : #53224d : -3
309 : #53224c : -2
310 : #53224b : -1
311 : #53224a : ±0
312 : #532249 : +1
313 : #532249 : +2
314 : #532248 : +3
315 : #532247 : +4
316 : #532246 : +5
317 : #532245 : +6
318 : #532245 : +7
319 : #532244 : +8
320 : #532243 : +9
321 : #532242 : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3a3a3a : -42
2 : #3c393b : -40
4 : #3d383c : -38
6 : #3e373d : -36
8 : #3f363e : -34
10 : #41353e : -32
12 : #42343f : -30
14 : #433240 : -28
16 : #443141 : -26
18 : #453041 : -24
20 : #462f42 : -22
22 : #482e43 : -20
24 : #492d44 : -18
26 : #4a2b44 : -16
28 : #4b2a45 : -14
30 : #4c2946 : -12
32 : #4d2847 : -10
34 : #4f2747 : -8
36 : #502648 : -6
38 : #512449 : -4
40 : #52234a : -2
42 : #53224a : ±0
44 : #54214b : +2
46 : #56204c : +4
48 : #571e4c : +6
50 : #581d4d : +8
52 : #591c4e : +10
54 : #5a1b4f : +12
56 : #5b1a4f : +14
58 : #5d1950 : +16
60 : #5e1751 : +18
62 : #5f1652 : +20
64 : #601552 : +22
66 : #611453 : +24
68 : #631354 : +26
70 : #641255 : +28
72 : #651055 : +30
74 : #660f56 : +32
76 : #670e57 : +34
78 : #680d58 : +36
80 : #6a0c58 : +38
82 : #6b0b59 : +40
84 : #6c095a : +42
86 : #6d085b : +44
88 : #6e075b : +46
90 : #6f065c : +48
92 : #71055d : +50
94 : #72045e : +52
96 : #73025e : +54
98 : #74015f : +56
100 : #750060 : +58
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -22
3 : #0b040a : -20
5 : #120710 : -18
7 : #190a17 : -16
9 : #210d1d : -14
11 : #281024 : -12
13 : #2f132a : -10
15 : #361630 : -8
17 : #3e1937 : -6
19 : #451c3d : -4
21 : #4c1f44 : -2
23 : #53224a : ±0
25 : #5b2551 : +2
27 : #622857 : +4
29 : #692b5e : +6
31 : #702e64 : +8
33 : #77316b : +10
35 : #7f3471 : +12
37 : #863777 : +14
39 : #8d3a7e : +16
41 : #943d84 : +18
43 : #9c408b : +20
45 : #a34391 : +22
47 : #aa4698 : +24
49 : #b1489e : +26
51 : #b74ea3 : +28
53 : #b955a7 : +30
55 : #bc5cab : +32
57 : #bf63af : +34
59 : #c26bb2 : +36
61 : #c572b6 : +38
63 : #c879ba : +40
65 : #cb80bd : +42
67 : #ce88c1 : +44
69 : #d18fc5 : +46
71 : #d496c9 : +48
73 : #d79dcc : +50
75 : #daa4d0 : +52
77 : #ddacd4 : +54
79 : #e0b3d8 : +56
81 : #e3badb : +58
83 : #e6c1df : +60
85 : #e9c9e3 : +62
87 : #ecd0e7 : +64
89 : #efd7ea : +66
91 : #f2deee : +68
93 : #f5e6f2 : +70
95 : #f8edf6 : +72
97 : #fbf4f9 : +74
99 : #fefbfd : +76
CSS入門、作ってます。
text-shadow