#270b1b
RGB ( 赤 = 39, 緑 = 11, 青 = 27 )
HSL ( 色相 = 326°, 彩度 = 56%, 明度 = 10% )
H : 色相 ( 326° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #280e0b : -320
16 : #28130b : -310
26 : #28180b : -300
36 : #281c0b : -290
46 : #28210b : -280
56 : #28260b : -270
66 : #25280b : -260
76 : #20280b : -250
86 : #1b280b : -240
96 : #17280b : -230
106 : #12280b : -220
116 : #0d280b : -210
126 : #0b280e : -200
136 : #0b2813 : -190
146 : #0b2818 : -180
156 : #0b281c : -170
166 : #0b2821 : -160
176 : #0b2826 : -150
186 : #0b2528 : -140
196 : #0b2028 : -130
206 : #0b1b28 : -120
216 : #0b1728 : -110
226 : #0b1228 : -100
236 : #0b0d28 : -90
246 : #0e0b28 : -80
256 : #130b28 : -70
266 : #180b28 : -60
276 : #1c0b28 : -50
286 : #210b28 : -40
296 : #260b28 : -30
306 : #280b25 : -20
316 : #280b20 : -10
326 : #280b1b : ±0
336 : #280b17 : +10
346 : #280b12 : +20
356 : #280b0d : +30
316 : #280b20 : -10
317 : #280b20 : -9
318 : #280b1f : -8
319 : #280b1f : -7
320 : #280b1e : -6
321 : #280b1e : -5
322 : #280b1d : -4
323 : #280b1d : -3
324 : #280b1c : -2
325 : #280b1c : -1
326 : #280b1b : ±0
327 : #280b1b : +1
328 : #280b1a : +2
329 : #280b1a : +3
330 : #280b1a : +4
331 : #280b19 : +5
332 : #280b19 : +6
333 : #280b18 : +7
334 : #280b18 : +8
335 : #280b17 : +9
336 : #280b17 : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #191919 : -56
2 : #1a191a : -54
4 : #1b181a : -52
6 : #1b181a : -50
8 : #1c171a : -48
10 : #1c171a : -46
12 : #1d161a : -44
14 : #1d161a : -42
16 : #1e151a : -40
18 : #1e151a : -38
20 : #1f141a : -36
22 : #1f141a : -34
24 : #20131a : -32
26 : #20131a : -30
28 : #21121a : -28
30 : #21121b : -26
32 : #22111b : -24
34 : #22111b : -22
36 : #23101b : -20
38 : #23101b : -18
40 : #240f1b : -16
42 : #240f1b : -14
44 : #250e1b : -12
46 : #250e1b : -10
48 : #260d1b : -8
50 : #260d1b : -6
52 : #270c1b : -4
54 : #270c1b : -2
56 : #280b1b : ±0
58 : #280b1b : +2
60 : #290a1c : +4
62 : #290a1c : +6
64 : #2a091c : +8
66 : #2a091c : +10
68 : #2b081c : +12
70 : #2b081c : +14
72 : #2c071c : +16
74 : #2c071c : +18
76 : #2d061c : +20
78 : #2d061c : +22
80 : #2e051c : +24
82 : #2e051c : +26
84 : #2f041c : +28
86 : #2f041c : +30
88 : #30031c : +32
90 : #30031d : +34
92 : #31021d : +36
94 : #31021d : +38
96 : #32011d : +40
98 : #32011d : +42
100 : #33001d : +44
L : 明度 ( 10% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -10
2 : #080205 : -8
4 : #10040b : -6
6 : #180710 : -4
8 : #200916 : -2
10 : #280b1b : ±0
12 : #300d21 : +2
14 : #381026 : +4
16 : #40122c : +6
18 : #481431 : +8
20 : #501637 : +10
22 : #58193c : +12
24 : #5f1b42 : +14
26 : #671d47 : +16
28 : #6f1f4d : +18
30 : #772252 : +20
32 : #7f2458 : +22
34 : #87265d : +24
36 : #8f2863 : +26
38 : #972b68 : +28
40 : #9f2d6e : +30
42 : #a72f73 : +32
44 : #af3179 : +34
46 : #b7347e : +36
48 : #bf3684 : +38
50 : #c73889 : +40
52 : #c9408e : +42
54 : #cb4892 : +44
56 : #ce5097 : +46
58 : #d0589c : +48
60 : #d260a1 : +50
62 : #d468a5 : +52
64 : #d770aa : +54
66 : #d978af : +56
68 : #db80b3 : +58
70 : #dd88b8 : +60
72 : #e090bd : +62
74 : #e298c2 : +64
76 : #e4a0c6 : +66
78 : #e6a7cb : +68
80 : #e9afd0 : +70
82 : #ebb7d5 : +72
84 : #edbfd9 : +74
86 : #efc7de : +76
88 : #f2cfe3 : +78
90 : #f4d7e7 : +80
92 : #f6dfec : +82
94 : #f8e7f1 : +84
96 : #fbeff6 : +86
98 : #fdf7fa : +88
100 : #ffffff : +90
CSS入門、作ってます。
text-shadow