#6c380f
RGB ( 赤 = 108, 緑 = 56, 青 = 15 )
HSL ( 色相 = 26°, 彩度 = 76%, 明度 = 24% )
H : 色相 ( 26° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #6c180f : -20
16 : #6c270f : -10
26 : #6c370f : ±0
36 : #6c470f : +10
46 : #6c560f : +20
56 : #6c660f : +30
66 : #626c0f : +40
76 : #536c0f : +50
86 : #436c0f : +60
96 : #346c0f : +70
106 : #246c0f : +80
116 : #156c0f : +90
126 : #0f6c18 : +100
136 : #0f6c27 : +110
146 : #0f6c37 : +120
156 : #0f6c47 : +130
166 : #0f6c56 : +140
176 : #0f6c66 : +150
186 : #0f626c : +160
196 : #0f536c : +170
206 : #0f436c : +180
216 : #0f346c : +190
226 : #0f246c : +200
236 : #0f156c : +210
246 : #180f6c : +220
256 : #270f6c : +230
266 : #370f6c : +240
276 : #470f6c : +250
286 : #560f6c : +260
296 : #660f6c : +270
306 : #6c0f62 : +280
316 : #6c0f53 : +290
326 : #6c0f43 : +300
336 : #6c0f34 : +310
346 : #6c0f24 : +320
356 : #6c0f15 : +330
16 : #6c270f : -10
17 : #6c290f : -9
18 : #6c2b0f : -8
19 : #6c2c0f : -7
20 : #6c2e0f : -6
21 : #6c2f0f : -5
22 : #6c310f : -4
23 : #6c320f : -3
24 : #6c340f : -2
25 : #6c350f : -1
26 : #6c370f : ±0
27 : #6c390f : +1
28 : #6c3a0f : +2
29 : #6c3c0f : +3
30 : #6c3d0f : +4
31 : #6c3f0f : +5
32 : #6c400f : +6
33 : #6c420f : +7
34 : #6c430f : +8
35 : #6c450f : +9
36 : #6c470f : +10
S : 彩度 ( 76% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -76
2 : #3e3d3c : -74
4 : #403d3b : -72
6 : #413d3a : -70
8 : #423d38 : -68
10 : #433c37 : -66
12 : #453c36 : -64
14 : #463c35 : -62
16 : #473c33 : -60
18 : #483c32 : -58
20 : #493c31 : -56
22 : #4b3b30 : -54
24 : #4c3b2f : -52
26 : #4d3b2d : -50
28 : #4e3b2c : -48
30 : #503b2b : -46
32 : #513b2a : -44
34 : #523a28 : -42
36 : #533a27 : -40
38 : #543a26 : -38
40 : #563a25 : -36
42 : #573a23 : -34
44 : #583a22 : -32
46 : #593921 : -30
48 : #5b3920 : -28
50 : #5c391f : -26
52 : #5d391d : -24
54 : #5e391c : -22
56 : #5f391b : -20
58 : #61381a : -18
60 : #623818 : -16
62 : #633817 : -14
64 : #643816 : -12
66 : #663815 : -10
68 : #673814 : -8
70 : #683712 : -6
72 : #693711 : -4
74 : #6a3710 : -2
76 : #6c370f : ±0
78 : #6d370d : +2
80 : #6e370c : +4
82 : #6f370b : +6
84 : #71360a : +8
86 : #723609 : +10
88 : #733607 : +12
90 : #743606 : +14
92 : #763605 : +16
94 : #773604 : +18
96 : #783502 : +20
98 : #793501 : +22
100 : #7a3500 : +24
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #090501 : -22
4 : #120902 : -20
6 : #1b0e04 : -18
8 : #241205 : -16
10 : #2d1706 : -14
12 : #361b07 : -12
14 : #3f2009 : -10
16 : #48250a : -8
18 : #51290b : -6
20 : #5a2e0c : -4
22 : #63320d : -2
24 : #6c370f : ±0
26 : #753c10 : +2
28 : #7e4011 : +4
30 : #874512 : +6
32 : #904914 : +8
34 : #994e15 : +10
36 : #a25216 : +12
38 : #ab5717 : +14
40 : #b45c18 : +16
42 : #bc601a : +18
44 : #c5651b : +20
46 : #ce691c : +22
48 : #d76e1d : +24
50 : #e0731f : +26
52 : #e27828 : +28
54 : #e37e31 : +30
56 : #e4833a : +32
58 : #e58943 : +34
60 : #e78f4b : +36
62 : #e89454 : +38
64 : #e99a5d : +40
66 : #eaa066 : +42
68 : #eba56f : +44
70 : #edab78 : +46
72 : #eeb081 : +48
74 : #efb68a : +50
76 : #f0bc93 : +52
78 : #f2c19c : +54
80 : #f3c7a5 : +56
82 : #f4ccae : +58
84 : #f5d2b7 : +60
86 : #f6d8c0 : +62
88 : #f8ddc9 : +64
90 : #f9e3d2 : +66
92 : #fae9db : +68
94 : #fbeee4 : +70
96 : #fdf4ed : +72
98 : #fef9f6 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow