#111b0e
RGB ( 赤 = 17, 緑 = 27, 青 = 14 )
HSL ( 色相 = 106°, 彩度 = 32%, 明度 = 8% )
H : 色相 ( 106° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #1b0f0e : -100
16 : #1b110e : -90
26 : #1b140e : -80
36 : #1b160e : -70
46 : #1b180e : -60
56 : #1b1a0e : -50
66 : #1a1b0e : -40
76 : #171b0e : -30
86 : #151b0e : -20
96 : #131b0e : -10
106 : #111b0e : ±0
116 : #0f1b0e : +10
126 : #0e1b0f : +20
136 : #0e1b11 : +30
146 : #0e1b14 : +40
156 : #0e1b16 : +50
166 : #0e1b18 : +60
176 : #0e1b1a : +70
186 : #0e1a1b : +80
196 : #0e171b : +90
206 : #0e151b : +100
216 : #0e131b : +110
226 : #0e111b : +120
236 : #0e0f1b : +130
246 : #0f0e1b : +140
256 : #110e1b : +150
266 : #140e1b : +160
276 : #160e1b : +170
286 : #180e1b : +180
296 : #1a0e1b : +190
306 : #1b0e1a : +200
316 : #1b0e17 : +210
326 : #1b0e15 : +220
336 : #1b0e13 : +230
346 : #1b0e11 : +240
356 : #1b0e0f : +250
96 : #131b0e : -10
97 : #131b0e : -9
98 : #131b0e : -8
99 : #121b0e : -7
100 : #121b0e : -6
101 : #121b0e : -5
102 : #121b0e : -4
103 : #121b0e : -3
104 : #111b0e : -2
105 : #111b0e : -1
106 : #111b0e : ±0
107 : #111b0e : +1
108 : #101b0e : +2
109 : #101b0e : +3
110 : #101b0e : +4
111 : #101b0e : +5
112 : #101b0e : +6
113 : #0f1b0e : +7
114 : #0f1b0e : +8
115 : #0f1b0e : +9
116 : #0f1b0e : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #141414 : -32
2 : #141514 : -30
4 : #141514 : -28
6 : #141613 : -26
8 : #141613 : -24
10 : #131612 : -22
12 : #131712 : -20
14 : #131712 : -18
16 : #131811 : -16
18 : #121811 : -14
20 : #121810 : -12
22 : #121910 : -10
24 : #121910 : -8
26 : #121a0f : -6
28 : #111a0f : -4
30 : #111b0e : -2
32 : #111b0e : ±0
34 : #111b0d : +2
36 : #101c0d : +4
38 : #101c0d : +6
40 : #101d0c : +8
42 : #101d0c : +10
44 : #101d0b : +12
46 : #0f1e0b : +14
48 : #0f1e0b : +16
50 : #0f1f0a : +18
52 : #0f1f0a : +20
54 : #0f1f09 : +22
56 : #0e2009 : +24
58 : #0e2009 : +26
60 : #0e2108 : +28
62 : #0e2108 : +30
64 : #0d2107 : +32
66 : #0d2207 : +34
68 : #0d2207 : +36
70 : #0d2306 : +38
72 : #0d2306 : +40
74 : #0c2305 : +42
76 : #0c2405 : +44
78 : #0c2404 : +46
80 : #0c2504 : +48
82 : #0b2504 : +50
84 : #0b2603 : +52
86 : #0b2603 : +54
88 : #0b2602 : +56
90 : #0b2702 : +58
92 : #0a2702 : +60
94 : #0a2801 : +62
96 : #0a2801 : +64
98 : #0a2800 : +66
100 : #0a2900 : +68
L : 明度 ( 8% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -8
2 : #040703 : -6
4 : #080d07 : -4
6 : #0d140a : -2
8 : #111b0e : ±0
10 : #152211 : +2
12 : #192815 : +4
14 : #1e2f18 : +6
16 : #22361c : +8
18 : #263d1f : +10
20 : #2a4323 : +12
22 : #2f4a26 : +14
24 : #33512a : +16
26 : #37582d : +18
28 : #3b5e31 : +20
30 : #3f6534 : +22
32 : #446c37 : +24
34 : #48723b : +26
36 : #4c793e : +28
38 : #508042 : +30
40 : #558745 : +32
42 : #598d49 : +34
44 : #5d944c : +36
46 : #619b50 : +38
48 : #66a253 : +40
50 : #6aa857 : +42
52 : #70ac5d : +44
54 : #76af64 : +46
56 : #7cb36b : +48
58 : #82b672 : +50
60 : #88ba78 : +52
62 : #8ebd7f : +54
64 : #94c186 : +56
66 : #9ac48d : +58
68 : #9fc893 : +60
70 : #a5cb9a : +62
72 : #abcea1 : +64
74 : #b1d2a7 : +66
76 : #b7d5ae : +68
78 : #bdd9b5 : +70
80 : #c3dcbc : +72
82 : #c9e0c2 : +74
84 : #cfe3c9 : +76
86 : #d5e7d0 : +78
88 : #dbead7 : +80
90 : #e1eedd : +82
92 : #e7f1e4 : +84
94 : #edf5eb : +86
96 : #f3f8f2 : +88
98 : #f9fcf8 : +90
100 : #ffffff : +92
CSS入門、作ってます。
text-shadow