#531f0e
RGB ( 赤 = 83, 緑 = 31, 青 = 14 )
HSL ( 色相 = 15°, 彩度 = 71%, 明度 = 19% )
H : 色相 ( 15° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #53140e : -10
15 : #531f0e : ±0
25 : #532b0e : +10
35 : #53360e : +20
45 : #53420e : +30
55 : #534d0e : +40
65 : #4d530e : +50
75 : #42530e : +60
85 : #36530e : +70
95 : #2b530e : +80
105 : #1f530e : +90
115 : #14530e : +100
125 : #0e5314 : +110
135 : #0e531f : +120
145 : #0e532b : +130
155 : #0e5336 : +140
165 : #0e5342 : +150
175 : #0e534d : +160
185 : #0e4d53 : +170
195 : #0e4253 : +180
205 : #0e3653 : +190
215 : #0e2b53 : +200
225 : #0e1f53 : +210
235 : #0e1453 : +220
245 : #140e53 : +230
255 : #1f0e53 : +240
265 : #2b0e53 : +250
275 : #360e53 : +260
285 : #420e53 : +270
295 : #4d0e53 : +280
305 : #530e4d : +290
315 : #530e42 : +300
325 : #530e36 : +310
335 : #530e2b : +320
345 : #530e1f : +330
355 : #530e14 : +340
5 : #53140e : -10
6 : #53150e : -9
7 : #53160e : -8
8 : #53170e : -7
9 : #53180e : -6
10 : #531a0e : -5
11 : #531b0e : -4
12 : #531c0e : -3
13 : #531d0e : -2
14 : #531e0e : -1
15 : #531f0e : ±0
16 : #53200e : +1
17 : #53220e : +2
18 : #53230e : +3
19 : #53240e : +4
20 : #53250e : +5
21 : #53260e : +6
22 : #53270e : +7
23 : #53280e : +8
24 : #532a0e : +9
25 : #532b0e : +10
S : 彩度 ( 71% )
(0%) 渋い ~ 鮮やか (100%)
1 : #313030 : -70
3 : #32302f : -68
5 : #332f2e : -66
7 : #342f2d : -64
9 : #352e2c : -62
11 : #362e2b : -60
13 : #372d2a : -58
15 : #382d29 : -56
17 : #392c28 : -54
19 : #3a2c27 : -52
21 : #3b2b26 : -50
23 : #3c2b25 : -48
25 : #3d2a24 : -46
27 : #3e2a23 : -44
29 : #3f2922 : -42
31 : #3f2921 : -40
33 : #402820 : -38
35 : #41281f : -36
37 : #42271f : -34
39 : #43271e : -32
41 : #44271d : -30
43 : #45261c : -28
45 : #46261b : -26
47 : #47251a : -24
49 : #482519 : -22
51 : #492418 : -20
53 : #4a2417 : -18
55 : #4b2316 : -16
57 : #4c2315 : -14
59 : #4d2214 : -12
61 : #4e2213 : -10
63 : #4f2112 : -8
65 : #502111 : -6
67 : #512010 : -4
69 : #52200f : -2
71 : #531f0e : ±0
73 : #541f0d : +2
75 : #551e0c : +4
77 : #561e0b : +6
79 : #571d0a : +8
81 : #581d09 : +10
83 : #591c08 : +12
85 : #5a1c07 : +14
87 : #5b1b06 : +16
89 : #5c1b05 : +18
91 : #5d1a04 : +20
93 : #5e1a03 : +22
95 : #5e1902 : +24
97 : #5f1901 : +26
99 : #601800 : +28
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -18
3 : #0d0502 : -16
5 : #160804 : -14
7 : #1f0c05 : -12
9 : #270f07 : -10
11 : #301208 : -8
13 : #39150a : -6
15 : #41190b : -4
17 : #4a1c0d : -2
19 : #531f0e : ±0
21 : #5c2310 : +2
23 : #642611 : +4
25 : #6d2912 : +6
27 : #762c14 : +8
29 : #7e3015 : +10
31 : #873317 : +12
33 : #903618 : +14
35 : #993a1a : +16
37 : #a13d1b : +18
39 : #aa401d : +20
41 : #b3431e : +22
43 : #bc4720 : +24
45 : #c44a21 : +26
47 : #cd4d23 : +28
49 : #d65124 : +30
51 : #db5629 : +32
53 : #dc5d32 : +34
55 : #de643b : +36
57 : #df6a43 : +38
59 : #e1714c : +40
61 : #e27855 : +42
63 : #e47f5e : +44
65 : #e58666 : +46
67 : #e78d6f : +48
69 : #e89478 : +50
71 : #ea9b81 : +52
73 : #eba289 : +54
75 : #eda992 : +56
77 : #eeb09b : +58
79 : #efb6a3 : +60
81 : #f1bdac : +62
83 : #f2c4b5 : +64
85 : #f4cbbe : +66
87 : #f5d2c6 : +68
89 : #f7d9cf : +70
91 : #f8e0d8 : +72
93 : #fae7e0 : +74
95 : #fbeee9 : +76
97 : #fdf5f2 : +78
99 : #fefcfb : +80
CSS入門、作ってます。
text-shadow