#696e68
RGB ( 赤 = 105, 緑 = 110, 青 = 104 )
HSL ( 色相 = 110°, 彩度 = 3%, 明度 = 42% )
H : 色相 ( 110° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #6e6868 : -110
10 : #6e6968 : -100
20 : #6e6a68 : -90
30 : #6e6b68 : -80
40 : #6e6c68 : -70
50 : #6e6d68 : -60
60 : #6e6e68 : -50
70 : #6d6e68 : -40
80 : #6c6e68 : -30
90 : #6b6e68 : -20
100 : #6a6e68 : -10
110 : #696e68 : ±0
120 : #686e68 : +10
130 : #686e69 : +20
140 : #686e6a : +30
150 : #686e6b : +40
160 : #686e6c : +50
170 : #686e6d : +60
180 : #686e6e : +70
190 : #686d6e : +80
200 : #686c6e : +90
210 : #686b6e : +100
220 : #686a6e : +110
230 : #68696e : +120
240 : #68686e : +130
250 : #69686e : +140
260 : #6a686e : +150
270 : #6b686e : +160
280 : #6c686e : +170
290 : #6d686e : +180
300 : #6e686e : +190
310 : #6e686d : +200
320 : #6e686c : +210
330 : #6e686b : +220
340 : #6e686a : +230
350 : #6e6869 : +240
100 : #6a6e68 : -10
101 : #6a6e68 : -9
102 : #6a6e68 : -8
103 : #6a6e68 : -7
104 : #6a6e68 : -6
105 : #696e68 : -5
106 : #696e68 : -4
107 : #696e68 : -3
108 : #696e68 : -2
109 : #696e68 : -1
110 : #696e68 : ±0
111 : #696e68 : +1
112 : #696e68 : +2
113 : #696e68 : +3
114 : #696e68 : +4
115 : #686e68 : +5
116 : #686e68 : +6
117 : #686e68 : +7
118 : #686e68 : +8
119 : #686e68 : +9
120 : #686e68 : +10
S : 彩度 ( 3% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6a6c6a : -2
3 : #696e68 : ±0
5 : #687066 : +2
7 : #667364 : +4
9 : #657561 : +6
11 : #63775f : +8
13 : #62795d : +10
15 : #607b5b : +12
17 : #5f7d59 : +14
19 : #5e7f57 : +16
21 : #5c8255 : +18
23 : #5b8452 : +20
25 : #598650 : +22
27 : #58884e : +24
29 : #568a4c : +26
31 : #558c4a : +28
33 : #548e48 : +30
35 : #529146 : +32
37 : #519343 : +34
39 : #4f9541 : +36
41 : #4e973f : +38
43 : #4c993d : +40
45 : #4b9b3b : +42
47 : #4a9d39 : +44
49 : #48a037 : +46
51 : #47a234 : +48
53 : #45a432 : +50
55 : #44a630 : +52
57 : #42a82e : +54
59 : #41aa2c : +56
61 : #40ac2a : +58
63 : #3eaf28 : +60
65 : #3db125 : +62
67 : #3bb323 : +64
69 : #3ab521 : +66
71 : #38b71f : +68
73 : #37b91d : +70
75 : #36bb1b : +72
77 : #34be19 : +74
79 : #33c016 : +76
81 : #31c214 : +78
83 : #30c412 : +80
85 : #2ec610 : +82
87 : #2dc80e : +84
89 : #2cca0c : +86
91 : #2acd0a : +88
93 : #29cf07 : +90
95 : #27d105 : +92
97 : #26d303 : +94
99 : #24d501 : +96
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #050505 : -40
4 : #0a0b0a : -38
6 : #0f100f : -36
8 : #141514 : -34
10 : #191a19 : -32
12 : #1e201e : -30
14 : #232523 : -28
16 : #282a28 : -26
18 : #2d2f2d : -24
20 : #323531 : -22
22 : #373a36 : -20
24 : #3c3f3b : -18
26 : #414440 : -16
28 : #464a45 : -14
30 : #4b4f4a : -12
32 : #50544f : -10
34 : #555954 : -8
36 : #5a5f59 : -6
38 : #5f645e : -4
40 : #646963 : -2
42 : #696e68 : ±0
44 : #6e746d : +2
46 : #737972 : +4
48 : #787e77 : +6
50 : #7d837c : +8
52 : #828881 : +10
54 : #878d86 : +12
56 : #8d928b : +14
58 : #929791 : +16
60 : #979c96 : +18
62 : #9ca19b : +20
64 : #a1a6a0 : +22
66 : #a7aba6 : +24
68 : #acb0ab : +26
70 : #b1b5b0 : +28
72 : #b6bab5 : +30
74 : #bbbfbb : +32
76 : #c1c4c0 : +34
78 : #c6c9c5 : +36
80 : #cbceca : +38
82 : #d0d2d0 : +40
84 : #d5d7d5 : +42
86 : #dbdcda : +44
88 : #e0e1df : +46
90 : #e5e6e5 : +48
92 : #eaebea : +50
94 : #eff0ef : +52
96 : #f5f5f4 : +54
98 : #fafafa : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow