#56154b
RGB ( 赤 = 86, 緑 = 21, 青 = 75 )
HSL ( 色相 = 310°, 彩度 = 61%, 明度 = 21% )
H : 色相 ( 310° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #561515 : -310
10 : #562015 : -300
20 : #562b15 : -290
30 : #563615 : -280
40 : #564015 : -270
50 : #564b15 : -260
60 : #565615 : -250
70 : #4b5615 : -240
80 : #405615 : -230
90 : #365615 : -220
100 : #2b5615 : -210
110 : #205615 : -200
120 : #155615 : -190
130 : #155620 : -180
140 : #15562b : -170
150 : #155636 : -160
160 : #155640 : -150
170 : #15564b : -140
180 : #155656 : -130
190 : #154b56 : -120
200 : #154056 : -110
210 : #153656 : -100
220 : #152b56 : -90
230 : #152056 : -80
240 : #151556 : -70
250 : #201556 : -60
260 : #2b1556 : -50
270 : #361556 : -40
280 : #401556 : -30
290 : #4b1556 : -20
300 : #561556 : -10
310 : #56154b : ±0
320 : #561540 : +10
330 : #561536 : +20
340 : #56152b : +30
350 : #561520 : +40
300 : #561556 : -10
301 : #561555 : -9
302 : #561554 : -8
303 : #561553 : -7
304 : #561552 : -6
305 : #561551 : -5
306 : #561550 : -4
307 : #56154f : -3
308 : #56154e : -2
309 : #56154c : -1
310 : #56154b : ±0
311 : #56154a : +1
312 : #561549 : +2
313 : #561548 : +3
314 : #561547 : +4
315 : #561546 : +5
316 : #561545 : +6
317 : #561544 : +7
318 : #561543 : +8
319 : #561542 : +9
320 : #561540 : +10
S : 彩度 ( 61% )
(0%) 渋い ~ 鮮やか (100%)
1 : #363536 : -60
3 : #373437 : -58
5 : #383337 : -56
7 : #393238 : -54
9 : #3a3139 : -52
11 : #3b3039 : -50
13 : #3d2f3a : -48
15 : #3e2e3b : -46
17 : #3f2c3c : -44
19 : #402b3c : -42
21 : #412a3d : -40
23 : #42293e : -38
25 : #43283e : -36
27 : #44273f : -34
29 : #452640 : -32
31 : #462541 : -30
33 : #472441 : -28
35 : #482342 : -26
37 : #492243 : -24
39 : #4a2143 : -22
41 : #4c2044 : -20
43 : #4d1f45 : -18
45 : #4e1d46 : -16
47 : #4f1c46 : -14
49 : #501b47 : -12
51 : #511a48 : -10
53 : #521948 : -8
55 : #531849 : -6
57 : #54174a : -4
59 : #55164b : -2
61 : #56154b : ±0
63 : #57144c : +2
65 : #58134d : +4
67 : #59124d : +6
69 : #5a114e : +8
71 : #5c104f : +10
73 : #5d0e50 : +12
75 : #5e0d50 : +14
77 : #5f0c51 : +16
79 : #600b52 : +18
81 : #610a52 : +20
83 : #620953 : +22
85 : #630854 : +24
87 : #640755 : +26
89 : #650655 : +28
91 : #660556 : +30
93 : #670457 : +32
95 : #680357 : +34
97 : #690258 : +36
99 : #6b0159 : +38
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -20
3 : #0c030b : -18
5 : #150512 : -16
7 : #1d0719 : -14
9 : #250920 : -12
11 : #2d0b27 : -10
13 : #350d2f : -8
15 : #3e0f36 : -6
17 : #46113d : -4
19 : #4e1344 : -2
21 : #56154b : ±0
23 : #5e1753 : +2
25 : #67195a : +4
27 : #6f1b61 : +6
29 : #771d68 : +8
31 : #7f1f6f : +10
33 : #872176 : +12
35 : #90237e : +14
37 : #982585 : +16
39 : #a0278c : +18
41 : #a82993 : +20
43 : #b12b9a : +22
45 : #b92da1 : +24
47 : #c12fa9 : +26
49 : #c931b0 : +28
51 : #ce36b5 : +30
53 : #d03eb8 : +32
55 : #d246bb : +34
57 : #d44ebe : +36
59 : #d657c1 : +38
61 : #d85fc4 : +40
63 : #da67c7 : +42
65 : #dc6fca : +44
67 : #de78cd : +46
69 : #e080d0 : +48
71 : #e288d3 : +50
73 : #e490d6 : +52
75 : #e698d9 : +54
77 : #e8a1dc : +56
79 : #eaa9df : +58
81 : #ecb1e2 : +60
83 : #eeb9e5 : +62
85 : #f0c1e8 : +64
87 : #f2caeb : +66
89 : #f4d2ee : +68
91 : #f6daf1 : +70
93 : #f8e2f4 : +72
95 : #faeaf7 : +74
97 : #fcf3fa : +76
99 : #fefbfd : +78
CSS入門、作ってます。
text-shadow