#551b16
RGB ( 赤 = 85, 緑 = 27, 青 = 22 )
HSL ( 色相 = 5°, 彩度 = 59%, 明度 = 21% )
H : 色相 ( 5° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #551b16 : ±0
15 : #552616 : +10
25 : #553016 : +20
35 : #553b16 : +30
45 : #554516 : +40
55 : #555016 : +50
65 : #505516 : +60
75 : #455516 : +70
85 : #3b5516 : +80
95 : #305516 : +90
105 : #265516 : +100
115 : #1b5516 : +110
125 : #16551b : +120
135 : #165526 : +130
145 : #165530 : +140
155 : #16553b : +150
165 : #165545 : +160
175 : #165550 : +170
185 : #165055 : +180
195 : #164555 : +190
205 : #163b55 : +200
215 : #163055 : +210
225 : #162655 : +220
235 : #161b55 : +230
245 : #1b1655 : +240
255 : #261655 : +250
265 : #301655 : +260
275 : #3b1655 : +270
285 : #451655 : +280
295 : #501655 : +290
305 : #551650 : +300
315 : #551645 : +310
325 : #55163b : +320
335 : #551630 : +330
345 : #551626 : +340
355 : #55161b : +350
355 : #55161b : +350
356 : #55161a : +351
357 : #551619 : +352
358 : #551618 : +353
359 : #551617 : +354
0 : #551616 : -5
1 : #551716 : -4
2 : #551816 : -3
3 : #551916 : -2
4 : #551a16 : -1
5 : #551b16 : ±0
6 : #551c16 : +1
7 : #551d16 : +2
8 : #551e16 : +3
9 : #551f16 : +4
10 : #552016 : +5
11 : #552216 : +6
12 : #552316 : +7
13 : #552416 : +8
14 : #552516 : +9
15 : #552616 : +10
S : 彩度 ( 59% )
(0%) 渋い ~ 鮮やか (100%)
1 : #363535 : -58
3 : #373434 : -56
5 : #383333 : -54
7 : #393232 : -52
9 : #3a3231 : -50
11 : #3b3130 : -48
13 : #3d302f : -46
15 : #3e2f2e : -44
17 : #3f2e2c : -42
19 : #402d2b : -40
21 : #412c2a : -38
23 : #422b29 : -36
25 : #432a28 : -34
27 : #442a27 : -32
29 : #452926 : -30
31 : #462825 : -28
33 : #472724 : -26
35 : #482623 : -24
37 : #492522 : -22
39 : #4a2421 : -20
41 : #4c2320 : -18
43 : #4d221f : -16
45 : #4e211d : -14
47 : #4f211c : -12
49 : #50201b : -10
51 : #511f1a : -8
53 : #521e19 : -6
55 : #531d18 : -4
57 : #541c17 : -2
59 : #551b16 : ±0
61 : #561a15 : +2
63 : #571914 : +4
65 : #581913 : +6
67 : #591812 : +8
69 : #5a1711 : +10
71 : #5c1610 : +12
73 : #5d150e : +14
75 : #5e140d : +16
77 : #5f130c : +18
79 : #60120b : +20
81 : #61110a : +22
83 : #621109 : +24
85 : #631008 : +26
87 : #640f07 : +28
89 : #650e06 : +30
91 : #660d05 : +32
93 : #670c04 : +34
95 : #680b03 : +36
97 : #690a02 : +38
99 : #6b0901 : +40
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #040101 : -20
3 : #0c0403 : -18
5 : #140605 : -16
7 : #1c0907 : -14
9 : #240c09 : -12
11 : #2d0e0c : -10
13 : #35110e : -8
15 : #3d1310 : -6
17 : #451612 : -4
19 : #4d1914 : -2
21 : #551b16 : ±0
23 : #5d1e18 : +2
25 : #65201a : +4
27 : #6d231c : +6
29 : #76261e : +8
31 : #7e2820 : +10
33 : #862b23 : +12
35 : #8e2d25 : +14
37 : #963027 : +16
39 : #9e3329 : +18
41 : #a6352b : +20
43 : #ae382d : +22
45 : #b63a2f : +24
47 : #bf3d31 : +26
49 : #c74033 : +28
51 : #cc4538 : +30
53 : #ce4c40 : +32
55 : #d05449 : +34
57 : #d25b51 : +36
59 : #d46359 : +38
61 : #d66b61 : +40
63 : #d87269 : +42
65 : #da7a71 : +44
67 : #dc8179 : +46
69 : #df8981 : +48
71 : #e19189 : +50
73 : #e39892 : +52
75 : #e5a09a : +54
77 : #e7a8a2 : +56
79 : #e9afaa : +58
81 : #ebb7b2 : +60
83 : #edbeba : +62
85 : #efc6c2 : +64
87 : #f1ceca : +66
89 : #f3d5d2 : +68
91 : #f6dddb : +70
93 : #f8e4e3 : +72
95 : #faeceb : +74
97 : #fcf4f3 : +76
99 : #fefbfb : +78
CSS入門、作ってます。
text-shadow