#570b13
RGB ( 赤 = 87, 緑 = 11, 青 = 19 )
HSL ( 色相 = 354°, 彩度 = 78%, 明度 = 19% )
H : 色相 ( 354° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #56100b : -350
14 : #561c0b : -340
24 : #56290b : -330
34 : #56350b : -320
44 : #56420b : -310
54 : #564f0b : -300
64 : #51560b : -290
74 : #45560b : -280
84 : #38560b : -270
94 : #2b560b : -260
104 : #1f560b : -250
114 : #12560b : -240
124 : #0b5610 : -230
134 : #0b561c : -220
144 : #0b5629 : -210
154 : #0b5635 : -200
164 : #0b5642 : -190
174 : #0b564f : -180
184 : #0b5156 : -170
194 : #0b4556 : -160
204 : #0b3856 : -150
214 : #0b2b56 : -140
224 : #0b1f56 : -130
234 : #0b1256 : -120
244 : #100b56 : -110
254 : #1c0b56 : -100
264 : #290b56 : -90
274 : #350b56 : -80
284 : #420b56 : -70
294 : #4f0b56 : -60
304 : #560b51 : -50
314 : #560b45 : -40
324 : #560b38 : -30
334 : #560b2b : -20
344 : #560b1f : -10
354 : #560b12 : ±0
344 : #560b1f : -10
345 : #560b1e : -9
346 : #560b1c : -8
347 : #560b1b : -7
348 : #560b1a : -6
349 : #560b19 : -5
350 : #560b17 : -4
351 : #560b16 : -3
352 : #560b15 : -2
353 : #560b13 : -1
354 : #560b12 : ±0
355 : #560b11 : +1
356 : #560b10 : +2
357 : #560b0e : +3
358 : #560b0d : +4
359 : #560b0c : +5
0 : #560b0b : -354
1 : #560c0b : -353
2 : #560d0b : -352
3 : #560e0b : -351
4 : #56100b : -350
S : 彩度 ( 78% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -78
2 : #312f30 : -76
4 : #322f2f : -74
6 : #332e2e : -72
8 : #342d2d : -70
10 : #352c2d : -68
12 : #362b2c : -66
14 : #372a2b : -64
16 : #38292a : -62
18 : #392829 : -60
20 : #3a2729 : -58
22 : #3b2628 : -56
24 : #3c2527 : -54
26 : #3d2426 : -52
28 : #3e2326 : -50
30 : #3f2225 : -48
32 : #402124 : -46
34 : #412023 : -44
36 : #421f22 : -42
38 : #431e22 : -40
40 : #441d21 : -38
42 : #451c20 : -36
44 : #461b1f : -34
46 : #471a1f : -32
48 : #48191e : -30
50 : #49181d : -28
52 : #4a171c : -26
54 : #4b161c : -24
56 : #4c151b : -22
58 : #4d141a : -20
60 : #4e1319 : -18
62 : #4e1218 : -16
64 : #4f1118 : -14
66 : #501017 : -12
68 : #511016 : -10
70 : #520f15 : -8
72 : #530e15 : -6
74 : #540d14 : -4
76 : #550c13 : -2
78 : #560b12 : ±0
80 : #570a11 : +2
82 : #580911 : +4
84 : #590810 : +6
86 : #5a070f : +8
88 : #5b060e : +10
90 : #5c050e : +12
92 : #5d040d : +14
94 : #5e030c : +16
96 : #5f020b : +18
98 : #60010a : +20
100 : #61000a : +22
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #050101 : -18
3 : #0e0203 : -16
5 : #170305 : -14
7 : #200407 : -12
9 : #290509 : -10
11 : #32060b : -8
13 : #3b070c : -6
15 : #44080e : -4
17 : #4d0a10 : -2
19 : #560b12 : ±0
21 : #5f0c14 : +2
23 : #680d16 : +4
25 : #710e18 : +6
27 : #7b0f1a : +8
29 : #84101c : +10
31 : #8d111e : +12
33 : #961320 : +14
35 : #9f1422 : +16
37 : #a81523 : +18
39 : #b11625 : +20
41 : #ba1727 : +22
43 : #c31829 : +24
45 : #cc192b : +26
47 : #d51a2d : +28
49 : #de1b2f : +30
51 : #e42134 : +32
53 : #e52a3c : +34
55 : #e63345 : +36
57 : #e73c4d : +38
59 : #e84555 : +40
61 : #e94e5d : +42
63 : #ea5766 : +44
65 : #eb606e : +46
67 : #ec6976 : +48
69 : #ee727f : +50
71 : #ef7b87 : +52
73 : #f0848f : +54
75 : #f18e97 : +56
77 : #f297a0 : +58
79 : #f3a0a8 : +60
81 : #f4a9b0 : +62
83 : #f5b2b9 : +64
85 : #f7bbc1 : +66
87 : #f8c4c9 : +68
89 : #f9cdd1 : +70
91 : #fad6da : +72
93 : #fbdfe2 : +74
95 : #fce8ea : +76
97 : #fdf1f3 : +78
99 : #fefafb : +80
CSS入門、作ってます。
text-shadow