#6c6c0e
RGB ( 赤 = 108, 緑 = 108, 青 = 14 )
HSL ( 色相 = 60°, 彩度 = 77%, 明度 = 24% )
H : 色相 ( 60° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #6c0e0e : -60
10 : #6c1e0e : -50
20 : #6c2d0e : -40
30 : #6c3d0e : -30
40 : #6c4d0e : -20
50 : #6c5d0e : -10
60 : #6c6c0e : ±0
70 : #5d6c0e : +10
80 : #4d6c0e : +20
90 : #3d6c0e : +30
100 : #2d6c0e : +40
110 : #1e6c0e : +50
120 : #0e6c0e : +60
130 : #0e6c1e : +70
140 : #0e6c2d : +80
150 : #0e6c3d : +90
160 : #0e6c4d : +100
170 : #0e6c5d : +110
180 : #0e6c6c : +120
190 : #0e5d6c : +130
200 : #0e4d6c : +140
210 : #0e3d6c : +150
220 : #0e2d6c : +160
230 : #0e1e6c : +170
240 : #0e0e6c : +180
250 : #1e0e6c : +190
260 : #2d0e6c : +200
270 : #3d0e6c : +210
280 : #4d0e6c : +220
290 : #5d0e6c : +230
300 : #6c0e6c : +240
310 : #6c0e5d : +250
320 : #6c0e4d : +260
330 : #6c0e3d : +270
340 : #6c0e2d : +280
350 : #6c0e1e : +290
50 : #6c5d0e : -10
51 : #6c5e0e : -9
52 : #6c600e : -8
53 : #6c610e : -7
54 : #6c630e : -6
55 : #6c640e : -5
56 : #6c660e : -4
57 : #6c680e : -3
58 : #6c690e : -2
59 : #6c6b0e : -1
60 : #6c6c0e : ±0
61 : #6b6c0e : +1
62 : #696c0e : +2
63 : #686c0e : +3
64 : #666c0e : +4
65 : #646c0e : +5
66 : #636c0e : +6
67 : #616c0e : +7
68 : #606c0e : +8
69 : #5e6c0e : +9
70 : #5d6c0e : +10
S : 彩度 ( 77% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3e3e3d : -76
3 : #3f3f3b : -74
5 : #40403a : -72
7 : #414139 : -70
9 : #434338 : -68
11 : #444436 : -66
13 : #454535 : -64
15 : #464634 : -62
17 : #484833 : -60
19 : #494932 : -58
21 : #4a4a30 : -56
23 : #4b4b2f : -54
25 : #4d4d2e : -52
27 : #4e4e2d : -50
29 : #4f4f2b : -48
31 : #50502a : -46
33 : #515129 : -44
35 : #535328 : -42
37 : #545427 : -40
39 : #555525 : -38
41 : #565624 : -36
43 : #585823 : -34
45 : #595922 : -32
47 : #5a5a20 : -30
49 : #5b5b1f : -28
51 : #5c5c1e : -26
53 : #5e5e1d : -24
55 : #5f5f1c : -22
57 : #60601a : -20
59 : #616119 : -18
61 : #636318 : -16
63 : #646417 : -14
65 : #656515 : -12
67 : #666614 : -10
69 : #676713 : -8
71 : #696912 : -6
73 : #6a6a11 : -4
75 : #6b6b0f : -2
77 : #6c6c0e : ±0
79 : #6e6e0d : +2
81 : #6f6f0c : +4
83 : #70700a : +6
85 : #717109 : +8
87 : #727208 : +10
89 : #747407 : +12
91 : #757506 : +14
93 : #767604 : +16
95 : #777703 : +18
97 : #797902 : +20
99 : #7a7a01 : +22
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #090901 : -22
4 : #121202 : -20
6 : #1b1b04 : -18
8 : #242405 : -16
10 : #2d2d06 : -14
12 : #363607 : -12
14 : #3f3f08 : -10
16 : #484809 : -8
18 : #51510b : -6
20 : #5a5a0c : -4
22 : #63630d : -2
24 : #6c6c0e : ±0
26 : #75750f : +2
28 : #7e7e10 : +4
30 : #878712 : +6
32 : #909013 : +8
34 : #999914 : +10
36 : #a2a215 : +12
38 : #acac16 : +14
40 : #b5b517 : +16
42 : #bebe19 : +18
44 : #c7c71a : +20
46 : #d0d01b : +22
48 : #d9d91c : +24
50 : #e2e21d : +26
52 : #e3e326 : +28
54 : #e4e42f : +30
56 : #e5e538 : +32
58 : #e6e641 : +34
60 : #e8e84a : +36
62 : #e9e953 : +38
64 : #eaea5d : +40
66 : #ebeb66 : +42
68 : #ecec6f : +44
70 : #eded78 : +46
72 : #efef81 : +48
74 : #f0f08a : +50
76 : #f1f193 : +52
78 : #f2f29c : +54
80 : #f3f3a5 : +56
82 : #f4f4ae : +58
84 : #f6f6b7 : +60
86 : #f7f7c0 : +62
88 : #f8f8c9 : +64
90 : #f9f9d2 : +66
92 : #fafadb : +68
94 : #fbfbe4 : +70
96 : #fdfded : +72
98 : #fefef6 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow