#27171e
RGB ( 赤 = 39, 緑 = 23, 青 = 30 )
HSL ( 色相 = 334°, 彩度 = 26%, 明度 = 12% )
H : 色相 ( 334° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #271817 : -330
14 : #271a17 : -320
24 : #271d17 : -310
34 : #272017 : -300
44 : #272217 : -290
54 : #272517 : -280
64 : #252717 : -270
74 : #232717 : -260
84 : #202717 : -250
94 : #1e2717 : -240
104 : #1b2717 : -230
114 : #182717 : -220
124 : #172718 : -210
134 : #17271a : -200
144 : #17271d : -190
154 : #172720 : -180
164 : #172722 : -170
174 : #172725 : -160
184 : #172527 : -150
194 : #172327 : -140
204 : #172027 : -130
214 : #171e27 : -120
224 : #171b27 : -110
234 : #171827 : -100
244 : #181727 : -90
254 : #1a1727 : -80
264 : #1d1727 : -70
274 : #201727 : -60
284 : #221727 : -50
294 : #251727 : -40
304 : #271725 : -30
314 : #271723 : -20
324 : #271720 : -10
334 : #27171e : ±0
344 : #27171b : +10
354 : #271718 : +20
324 : #271720 : -10
325 : #271720 : -9
326 : #271720 : -8
327 : #27171f : -7
328 : #27171f : -6
329 : #27171f : -5
330 : #27171f : -4
331 : #27171e : -3
332 : #27171e : -2
333 : #27171e : -1
334 : #27171e : ±0
335 : #27171d : +1
336 : #27171d : +2
337 : #27171d : +3
338 : #27171c : +4
339 : #27171c : +5
340 : #27171c : +6
341 : #27171c : +7
342 : #27171b : +8
343 : #27171b : +9
344 : #27171b : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #1e1e1e : -26
2 : #1f1e1f : -24
4 : #201d1e : -22
6 : #201d1e : -20
8 : #211c1e : -18
10 : #221c1e : -16
12 : #221b1e : -14
14 : #231a1e : -12
16 : #231a1e : -10
18 : #24191e : -8
20 : #25181e : -6
22 : #25181e : -4
24 : #26171e : -2
26 : #27171e : ±0
28 : #27161d : +2
30 : #28151d : +4
32 : #28151d : +6
34 : #29141d : +8
36 : #2a141d : +10
38 : #2a131d : +12
40 : #2b121d : +14
42 : #2b121d : +16
44 : #2c111d : +18
46 : #2d111d : +20
48 : #2d101d : +22
50 : #2e0f1d : +24
52 : #2f0f1c : +26
54 : #2f0e1c : +28
56 : #300d1c : +30
58 : #300d1c : +32
60 : #310c1c : +34
62 : #320c1c : +36
64 : #320b1c : +38
66 : #330a1c : +40
68 : #330a1c : +42
70 : #34091c : +44
72 : #35091c : +46
74 : #35081c : +48
76 : #36071b : +50
78 : #36071b : +52
80 : #37061b : +54
82 : #38061b : +56
84 : #38051b : +58
86 : #39041b : +60
88 : #3a041b : +62
90 : #3a031b : +64
92 : #3b021b : +66
94 : #3b021b : +68
96 : #3c011b : +70
98 : #3d011b : +72
100 : #3d001b : +74
L : 明度 ( 12% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -12
2 : #060405 : -10
4 : #0d080a : -8
6 : #130b0f : -6
8 : #1a0f14 : -4
10 : #201319 : -2
12 : #27171e : ±0
14 : #2d1a22 : +2
16 : #331e27 : +4
18 : #3a222c : +6
20 : #402631 : +8
22 : #472a36 : +10
24 : #4d2d3b : +12
26 : #543140 : +14
28 : #5a3545 : +16
30 : #60394a : +18
32 : #673c4f : +20
34 : #6d4054 : +22
36 : #744459 : +24
38 : #7a485e : +26
40 : #814b62 : +28
42 : #874f67 : +30
44 : #8d536c : +32
46 : #945771 : +34
48 : #9a5b76 : +36
50 : #a15e7b : +38
52 : #a46580 : +40
54 : #a86b86 : +42
56 : #ac728b : +44
58 : #b07890 : +46
60 : #b47e95 : +48
62 : #b7859b : +50
64 : #bb8ba0 : +52
66 : #bf92a5 : +54
68 : #c398ab : +56
70 : #c69fb0 : +58
72 : #caa5b5 : +60
74 : #ceabba : +62
76 : #d2b2c0 : +64
78 : #d5b8c5 : +66
80 : #d9bfca : +68
82 : #ddc5d0 : +70
84 : #e1ccd5 : +72
86 : #e5d2da : +74
88 : #e8d8df : +76
90 : #ecdfe5 : +78
92 : #f0e5ea : +80
94 : #f4ecef : +82
96 : #f7f2f4 : +84
98 : #fbf9fa : +86
100 : #ffffff : +88
CSS入門、作ってます。
text-shadow