#512367
RGB ( 赤 = 81, 緑 = 35, 青 = 103 )
HSL ( 色相 = 281°, 彩度 = 49%, 明度 = 27% )
H : 色相 ( 281° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #672423 : -280
11 : #672f23 : -270
21 : #673b23 : -260
31 : #674623 : -250
41 : #675123 : -240
51 : #675c23 : -230
61 : #656723 : -220
71 : #5a6723 : -210
81 : #4f6723 : -200
91 : #446723 : -190
101 : #386723 : -180
111 : #2d6723 : -170
121 : #236724 : -160
131 : #23672f : -150
141 : #23673b : -140
151 : #236746 : -130
161 : #236751 : -120
171 : #23675c : -110
181 : #236567 : -100
191 : #235a67 : -90
201 : #234f67 : -80
211 : #234467 : -70
221 : #233867 : -60
231 : #232d67 : -50
241 : #242367 : -40
251 : #2f2367 : -30
261 : #3b2367 : -20
271 : #462367 : -10
281 : #512367 : ±0
291 : #5c2367 : +10
301 : #672365 : +20
311 : #67235a : +30
321 : #67234f : +40
331 : #672344 : +50
341 : #672338 : +60
351 : #67232d : +70
271 : #462367 : -10
272 : #472367 : -9
273 : #482367 : -8
274 : #492367 : -7
275 : #4a2367 : -6
276 : #4c2367 : -5
277 : #4d2367 : -4
278 : #4e2367 : -3
279 : #4f2367 : -2
280 : #502367 : -1
281 : #512367 : ±0
282 : #522367 : +1
283 : #532367 : +2
284 : #552367 : +3
285 : #562367 : +4
286 : #572367 : +5
287 : #582367 : +6
288 : #592367 : +7
289 : #5a2367 : +8
290 : #5b2367 : +9
291 : #5c2367 : +10
S : 彩度 ( 49% )
(0%) 渋い ~ 鮮やか (100%)
1 : #454446 : -48
3 : #464347 : -46
5 : #464148 : -44
7 : #47404a : -42
9 : #473f4b : -40
11 : #483d4c : -38
13 : #483c4e : -36
15 : #493b4f : -34
17 : #493951 : -32
19 : #4a3852 : -30
21 : #4a3653 : -28
23 : #4b3555 : -26
25 : #4b3456 : -24
27 : #4c3257 : -22
29 : #4c3159 : -20
31 : #4d305a : -18
33 : #4d2e5c : -16
35 : #4e2d5d : -14
37 : #4e2b5e : -12
39 : #4f2a60 : -10
41 : #4f2961 : -8
43 : #502762 : -6
45 : #502664 : -4
47 : #512465 : -2
49 : #512367 : ±0
51 : #522268 : +2
53 : #522069 : +4
55 : #531f6b : +6
57 : #531e6c : +8
59 : #541c6d : +10
61 : #541b6f : +12
63 : #551970 : +14
65 : #551872 : +16
67 : #561773 : +18
69 : #561574 : +20
71 : #571476 : +22
73 : #571377 : +24
75 : #581178 : +26
77 : #58107a : +28
79 : #590e7b : +30
81 : #590d7d : +32
83 : #5a0c7e : +34
85 : #5a0a7f : +36
87 : #5b0981 : +38
89 : #5b0882 : +40
91 : #5c0684 : +42
93 : #5c0585 : +44
95 : #5d0386 : +46
97 : #5d0288 : +48
99 : #5e0189 : +50
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -26
3 : #09040b : -24
5 : #0f0713 : -22
7 : #15091b : -20
9 : #1b0c22 : -18
11 : #210e2a : -16
13 : #271131 : -14
15 : #2d1439 : -12
17 : #331641 : -10
19 : #391948 : -8
21 : #3f1b50 : -6
23 : #451e57 : -4
25 : #4b215f : -2
27 : #512367 : ±0
29 : #57266e : +2
31 : #5d2876 : +4
33 : #632b7d : +6
35 : #692e85 : +8
37 : #6f308d : +10
39 : #753394 : +12
41 : #7b359c : +14
43 : #8138a3 : +16
45 : #873bab : +18
47 : #8d3db3 : +20
49 : #9340ba : +22
51 : #9845bf : +24
53 : #9d4cc2 : +26
55 : #a154c4 : +28
57 : #a55cc7 : +30
59 : #a963ca : +32
61 : #ad6bcc : +34
63 : #b272cf : +36
65 : #b67ad1 : +38
67 : #ba82d4 : +40
69 : #be89d7 : +42
71 : #c291d9 : +44
73 : #c798dc : +46
75 : #cba0de : +48
77 : #cfa8e1 : +50
79 : #d3afe4 : +52
81 : #d7b7e6 : +54
83 : #dbbee9 : +56
85 : #e0c6eb : +58
87 : #e4ceee : +60
89 : #e8d5f1 : +62
91 : #ecddf3 : +64
93 : #f0e4f6 : +66
95 : #f5ecf8 : +68
97 : #f9f4fb : +70
99 : #fdfbfe : +72
CSS入門、作ってます。
text-shadow