#532d0e
RGB ( 赤 = 83, 緑 = 45, 青 = 14 )
HSL ( 色相 = 27°, 彩度 = 71%, 明度 = 19% )
H : 色相 ( 27° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #53160e : -20
17 : #53220e : -10
27 : #532d0e : ±0
37 : #53380e : +10
47 : #53440e : +20
57 : #534f0e : +30
67 : #4b530e : +40
77 : #3f530e : +50
87 : #34530e : +60
97 : #28530e : +70
107 : #1d530e : +80
117 : #11530e : +90
127 : #0e5316 : +100
137 : #0e5322 : +110
147 : #0e532d : +120
157 : #0e5338 : +130
167 : #0e5344 : +140
177 : #0e534f : +150
187 : #0e4b53 : +160
197 : #0e3f53 : +170
207 : #0e3453 : +180
217 : #0e2853 : +190
227 : #0e1d53 : +200
237 : #0e1153 : +210
247 : #160e53 : +220
257 : #220e53 : +230
267 : #2d0e53 : +240
277 : #380e53 : +250
287 : #440e53 : +260
297 : #4f0e53 : +270
307 : #530e4b : +280
317 : #530e3f : +290
327 : #530e34 : +300
337 : #530e28 : +310
347 : #530e1d : +320
357 : #530e11 : +330
17 : #53220e : -10
18 : #53230e : -9
19 : #53240e : -8
20 : #53250e : -7
21 : #53260e : -6
22 : #53270e : -5
23 : #53280e : -4
24 : #532a0e : -3
25 : #532b0e : -2
26 : #532c0e : -1
27 : #532d0e : ±0
28 : #532e0e : +1
29 : #532f0e : +2
30 : #53300e : +3
31 : #53320e : +4
32 : #53330e : +5
33 : #53340e : +6
34 : #53350e : +7
35 : #53360e : +8
36 : #53370e : +9
37 : #53380e : +10
S : 彩度 ( 71% )
(0%) 渋い ~ 鮮やか (100%)
1 : #313030 : -70
3 : #32302f : -68
5 : #33302e : -66
7 : #34302d : -64
9 : #35302c : -62
11 : #36302b : -60
13 : #37302a : -58
15 : #383029 : -56
17 : #393028 : -54
19 : #3a3027 : -52
21 : #3b2f26 : -50
23 : #3c2f25 : -48
25 : #3d2f24 : -46
27 : #3e2f23 : -44
29 : #3f2f22 : -42
31 : #3f2f21 : -40
33 : #402f20 : -38
35 : #412f1f : -36
37 : #422f1f : -34
39 : #432f1e : -32
41 : #442e1d : -30
43 : #452e1c : -28
45 : #462e1b : -26
47 : #472e1a : -24
49 : #482e19 : -22
51 : #492e18 : -20
53 : #4a2e17 : -18
55 : #4b2e16 : -16
57 : #4c2e15 : -14
59 : #4d2e14 : -12
61 : #4e2d13 : -10
63 : #4f2d12 : -8
65 : #502d11 : -6
67 : #512d10 : -4
69 : #522d0f : -2
71 : #532d0e : ±0
73 : #542d0d : +2
75 : #552d0c : +4
77 : #562d0b : +6
79 : #572d0a : +8
81 : #582d09 : +10
83 : #592c08 : +12
85 : #5a2c07 : +14
87 : #5b2c06 : +16
89 : #5c2c05 : +18
91 : #5d2c04 : +20
93 : #5e2c03 : +22
95 : #5e2c02 : +24
97 : #5f2c01 : +26
99 : #602c00 : +28
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -18
3 : #0d0702 : -16
5 : #160c04 : -14
7 : #1f1105 : -12
9 : #271507 : -10
11 : #301a08 : -8
13 : #391f0a : -6
15 : #41240b : -4
17 : #4a280d : -2
19 : #532d0e : ±0
21 : #5c3210 : +2
23 : #643611 : +4
25 : #6d3b12 : +6
27 : #764014 : +8
29 : #7e4515 : +10
31 : #874917 : +12
33 : #904e18 : +14
35 : #99531a : +16
37 : #a1581b : +18
39 : #aa5c1d : +20
41 : #b3611e : +22
43 : #bc6620 : +24
45 : #c46b21 : +26
47 : #cd6f23 : +28
49 : #d67424 : +30
51 : #db7929 : +32
53 : #dc7f32 : +34
55 : #de843b : +36
57 : #df8a43 : +38
59 : #e18f4c : +40
61 : #e29455 : +42
63 : #e49a5e : +44
65 : #e59f66 : +46
67 : #e7a56f : +48
69 : #e8aa78 : +50
71 : #eab081 : +52
73 : #ebb589 : +54
75 : #edbb92 : +56
77 : #eec09b : +58
79 : #efc6a3 : +60
81 : #f1cbac : +62
83 : #f2d1b5 : +64
85 : #f4d6be : +66
87 : #f5dbc6 : +68
89 : #f7e1cf : +70
91 : #f8e6d8 : +72
93 : #faece0 : +74
95 : #fbf1e9 : +76
97 : #fdf7f2 : +78
99 : #fefcfb : +80
CSS入門、作ってます。
text-shadow