#6c311e
RGB ( 赤 = 108, 緑 = 49, 青 = 30 )
HSL ( 色相 = 15°, 彩度 = 57%, 明度 = 27% )
H : 色相 ( 15° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #6c241e : -10
15 : #6c311e : ±0
25 : #6c3e1e : +10
35 : #6c4b1e : +20
45 : #6c581e : +30
55 : #6c661e : +40
65 : #666c1e : +50
75 : #586c1e : +60
85 : #4b6c1e : +70
95 : #3e6c1e : +80
105 : #316c1e : +90
115 : #246c1e : +100
125 : #1e6c24 : +110
135 : #1e6c31 : +120
145 : #1e6c3e : +130
155 : #1e6c4b : +140
165 : #1e6c58 : +150
175 : #1e6c66 : +160
185 : #1e666c : +170
195 : #1e586c : +180
205 : #1e4b6c : +190
215 : #1e3e6c : +200
225 : #1e316c : +210
235 : #1e246c : +220
245 : #241e6c : +230
255 : #311e6c : +240
265 : #3e1e6c : +250
275 : #4b1e6c : +260
285 : #581e6c : +270
295 : #661e6c : +280
305 : #6c1e66 : +290
315 : #6c1e58 : +300
325 : #6c1e4b : +310
335 : #6c1e3e : +320
345 : #6c1e31 : +330
355 : #6c1e24 : +340
5 : #6c241e : -10
6 : #6c251e : -9
7 : #6c271e : -8
8 : #6c281e : -7
9 : #6c291e : -6
10 : #6c2b1e : -5
11 : #6c2c1e : -4
12 : #6c2d1e : -3
13 : #6c2f1e : -2
14 : #6c301e : -1
15 : #6c311e : ±0
16 : #6c331e : +1
17 : #6c341e : +2
18 : #6c351e : +3
19 : #6c361e : +4
20 : #6c381e : +5
21 : #6c391e : +6
22 : #6c3a1e : +7
23 : #6c3c1e : +8
24 : #6c3d1e : +9
25 : #6c3e1e : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464544 : -56
3 : #474443 : -54
5 : #484341 : -52
7 : #4a4240 : -50
9 : #4b423f : -48
11 : #4c413d : -46
13 : #4e403c : -44
15 : #4f403b : -42
17 : #513f39 : -40
19 : #523e38 : -38
21 : #533e36 : -36
23 : #553d35 : -34
25 : #563c34 : -32
27 : #573c32 : -30
29 : #593b31 : -28
31 : #5a3a30 : -26
33 : #5c392e : -24
35 : #5d392d : -22
37 : #5e382b : -20
39 : #60372a : -18
41 : #613729 : -16
43 : #623627 : -14
45 : #643526 : -12
47 : #653524 : -10
49 : #673423 : -8
51 : #683322 : -6
53 : #693320 : -4
55 : #6b321f : -2
57 : #6c311e : ±0
59 : #6d311c : +2
61 : #6f301b : +4
63 : #702f19 : +6
65 : #722e18 : +8
67 : #732e17 : +10
69 : #742d15 : +12
71 : #762c14 : +14
73 : #772c13 : +16
75 : #782b11 : +18
77 : #7a2a10 : +20
79 : #7b2a0e : +22
81 : #7d290d : +24
83 : #7e280c : +26
85 : #7f280a : +28
87 : #812709 : +30
89 : #822608 : +32
91 : #842606 : +34
93 : #852505 : +36
95 : #862403 : +38
97 : #882302 : +40
99 : #892301 : +42
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -26
3 : #0c0503 : -24
5 : #140905 : -22
7 : #1c0d08 : -20
9 : #24100a : -18
11 : #2c140c : -16
13 : #34180e : -14
15 : #3c1b10 : -12
17 : #441f13 : -10
19 : #4c2315 : -8
21 : #542617 : -6
23 : #5c2a19 : -4
25 : #642e1b : -2
27 : #6c311e : ±0
29 : #743520 : +2
31 : #7c3922 : +4
33 : #843c24 : +6
35 : #8c4026 : +8
37 : #944329 : +10
39 : #9c472b : +12
41 : #a44b2d : +14
43 : #ac4e2f : +16
45 : #b45231 : +18
47 : #bc5634 : +20
49 : #c45936 : +22
51 : #c95e3b : +24
53 : #cb6543 : +26
55 : #ce6c4b : +28
57 : #d07253 : +30
59 : #d2795b : +32
61 : #d47f63 : +34
63 : #d6866b : +36
65 : #d98c73 : +38
67 : #db937b : +40
69 : #dd9983 : +42
71 : #dfa08b : +44
73 : #e1a793 : +46
75 : #e4ad9b : +48
77 : #e6b4a3 : +50
79 : #e8baab : +52
81 : #eac1b3 : +54
83 : #ecc7bb : +56
85 : #efcec3 : +58
87 : #f1d4cb : +60
89 : #f3dbd3 : +62
91 : #f5e2db : +64
93 : #f7e8e3 : +66
95 : #faefeb : +68
97 : #fcf5f3 : +70
99 : #fefcfb : +72
CSS入門、作ってます。
text-shadow