#531328
RGB ( 赤 = 83, 緑 = 19, 青 = 40 )
HSL ( 色相 = 340°, 彩度 = 63%, 明度 = 20% )
H : 色相 ( 340° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #531313 : -340
10 : #531e13 : -330
20 : #532813 : -320
30 : #533313 : -310
40 : #533e13 : -300
50 : #534813 : -290
60 : #535313 : -280
70 : #485313 : -270
80 : #3e5313 : -260
90 : #335313 : -250
100 : #285313 : -240
110 : #1e5313 : -230
120 : #135313 : -220
130 : #13531e : -210
140 : #135328 : -200
150 : #135333 : -190
160 : #13533e : -180
170 : #135348 : -170
180 : #135353 : -160
190 : #134853 : -150
200 : #133e53 : -140
210 : #133353 : -130
220 : #132853 : -120
230 : #131e53 : -110
240 : #131353 : -100
250 : #1e1353 : -90
260 : #281353 : -80
270 : #331353 : -70
280 : #3e1353 : -60
290 : #481353 : -50
300 : #531353 : -40
310 : #531348 : -30
320 : #53133e : -20
330 : #531333 : -10
340 : #531328 : ±0
350 : #53131e : +10
330 : #531333 : -10
331 : #531332 : -9
332 : #531331 : -8
333 : #531330 : -7
334 : #53132f : -6
335 : #53132e : -5
336 : #53132d : -4
337 : #53132c : -3
338 : #53132a : -2
339 : #531329 : -1
340 : #531328 : ±0
341 : #531327 : +1
342 : #531326 : +2
343 : #531325 : +3
344 : #531324 : +4
345 : #531323 : +5
346 : #531322 : +6
347 : #531321 : +7
348 : #531320 : +8
349 : #53131f : +9
350 : #53131e : +10
S : 彩度 ( 63% )
(0%) 渋い ~ 鮮やか (100%)
1 : #343233 : -62
3 : #353132 : -60
5 : #363032 : -58
7 : #372f32 : -56
9 : #382e31 : -54
11 : #392d31 : -52
13 : #3a2c31 : -50
15 : #3b2b30 : -48
17 : #3c2a30 : -46
19 : #3d2930 : -44
21 : #3e282f : -42
23 : #3f272f : -40
25 : #40262f : -38
27 : #41252e : -36
29 : #42242e : -34
31 : #43232e : -32
33 : #44222d : -30
35 : #45212d : -28
37 : #46202d : -26
39 : #471f2c : -24
41 : #481e2c : -22
43 : #491d2c : -20
45 : #4a1c2b : -18
47 : #4b1b2b : -16
49 : #4c1a2b : -14
51 : #4d192a : -12
53 : #4e182a : -10
55 : #4f172a : -8
57 : #501629 : -6
59 : #511529 : -4
61 : #521429 : -2
63 : #531328 : ±0
65 : #541228 : +2
67 : #551128 : +4
69 : #561027 : +6
71 : #570f27 : +8
73 : #580e27 : +10
75 : #590d26 : +12
77 : #5a0c26 : +14
79 : #5b0b26 : +16
81 : #5c0a25 : +18
83 : #5d0925 : +20
85 : #5e0825 : +22
87 : #5f0724 : +24
89 : #600624 : +26
91 : #610524 : +28
93 : #620423 : +30
95 : #630323 : +32
97 : #640223 : +34
99 : #650122 : +36
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #080204 : -18
4 : #110408 : -16
6 : #19060c : -14
8 : #210810 : -12
10 : #2a0914 : -10
12 : #320b18 : -8
14 : #3a0d1c : -6
16 : #430f20 : -4
18 : #4b1124 : -2
20 : #531328 : ±0
22 : #5b152c : +2
24 : #641730 : +4
26 : #6c1934 : +6
28 : #741a38 : +8
30 : #7d1c3c : +10
32 : #851e40 : +12
34 : #8d2044 : +14
36 : #962249 : +16
38 : #9e244d : +18
40 : #a62651 : +20
42 : #af2855 : +22
44 : #b72a59 : +24
46 : #bf2b5d : +26
48 : #c82d61 : +28
50 : #d02f65 : +30
52 : #d2376b : +32
54 : #d44071 : +34
56 : #d54877 : +36
58 : #d7507d : +38
60 : #d95984 : +40
62 : #db618a : +42
64 : #dd6990 : +44
66 : #df7296 : +46
68 : #e17a9c : +48
70 : #e382a2 : +50
72 : #e58ba9 : +52
74 : #e693af : +54
76 : #e89bb5 : +56
78 : #eaa4bb : +58
80 : #ecacc1 : +60
82 : #eeb4c7 : +62
84 : #f0bcce : +64
86 : #f2c5d4 : +66
88 : #f4cdda : +68
90 : #f6d5e0 : +70
92 : #f7dee6 : +72
94 : #f9e6ec : +74
96 : #fbeef3 : +76
98 : #fdf7f9 : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow