#12100c
RGB ( 赤 = 18, 緑 = 16, 青 = 12 )
HSL ( 色相 = 40°, 彩度 = 20%, 明度 = 6% )
H : 色相 ( 40° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #120c0c : -40
10 : #120d0c : -30
20 : #120e0c : -20
30 : #120f0c : -10
40 : #12100c : ±0
50 : #12110c : +10
60 : #12120c : +20
70 : #11120c : +30
80 : #10120c : +40
90 : #0f120c : +50
100 : #0e120c : +60
110 : #0d120c : +70
120 : #0c120c : +80
130 : #0c120d : +90
140 : #0c120e : +100
150 : #0c120f : +110
160 : #0c1210 : +120
170 : #0c1211 : +130
180 : #0c1212 : +140
190 : #0c1112 : +150
200 : #0c1012 : +160
210 : #0c0f12 : +170
220 : #0c0e12 : +180
230 : #0c0d12 : +190
240 : #0c0c12 : +200
250 : #0d0c12 : +210
260 : #0e0c12 : +220
270 : #0f0c12 : +230
280 : #100c12 : +240
290 : #110c12 : +250
300 : #120c12 : +260
310 : #120c11 : +270
320 : #120c10 : +280
330 : #120c0f : +290
340 : #120c0e : +300
350 : #120c0d : +310
30 : #120f0c : -10
31 : #120f0c : -9
32 : #12100c : -8
33 : #12100c : -7
34 : #12100c : -6
35 : #12100c : -5
36 : #12100c : -4
37 : #12100c : -3
38 : #12100c : -2
39 : #12100c : -1
40 : #12100c : ±0
41 : #12100c : +1
42 : #12110c : +2
43 : #12110c : +3
44 : #12110c : +4
45 : #12110c : +5
46 : #12110c : +6
47 : #12110c : +7
48 : #12110c : +8
49 : #12110c : +9
50 : #12110c : +10
S : 彩度 ( 20% )
(0%) 渋い ~ 鮮やか (100%)
0 : #0f0f0f : -20
2 : #100f0f : -18
4 : #10100f : -16
6 : #10100e : -14
8 : #11100e : -12
10 : #11100e : -10
12 : #11100d : -8
14 : #11100d : -6
16 : #12100d : -4
18 : #12100d : -2
20 : #12100c : ±0
22 : #13100c : +2
24 : #13110c : +4
26 : #13110b : +6
28 : #14110b : +8
30 : #14110b : +10
32 : #14110a : +12
34 : #15110a : +14
36 : #15110a : +16
38 : #151109 : +18
40 : #151109 : +20
42 : #161109 : +22
44 : #161209 : +24
46 : #161208 : +26
48 : #171208 : +28
50 : #171208 : +30
52 : #171207 : +32
54 : #181207 : +34
56 : #181207 : +36
58 : #181206 : +38
60 : #181206 : +40
62 : #191206 : +42
64 : #191306 : +44
66 : #191305 : +46
68 : #1a1305 : +48
70 : #1a1305 : +50
72 : #1a1304 : +52
74 : #1b1304 : +54
76 : #1b1304 : +56
78 : #1b1303 : +58
80 : #1c1303 : +60
82 : #1c1303 : +62
84 : #1c1402 : +64
86 : #1c1402 : +66
88 : #1d1402 : +68
90 : #1d1402 : +70
92 : #1d1401 : +72
94 : #1e1401 : +74
96 : #1e1401 : +76
98 : #1e1400 : +78
100 : #1f1400 : +80
L : 明度 ( 6% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -6
2 : #060504 : -4
4 : #0c0b08 : -2
6 : #12100c : ±0
8 : #181610 : +2
10 : #1f1b14 : +4
12 : #252118 : +6
14 : #2b261d : +8
16 : #312c21 : +10
18 : #373125 : +12
20 : #3d3629 : +14
22 : #433c2d : +16
24 : #494131 : +18
26 : #504735 : +20
28 : #564c39 : +22
30 : #5c523d : +24
32 : #625741 : +26
34 : #685c45 : +28
36 : #6e6249 : +30
38 : #74674e : +32
40 : #7a6d52 : +34
42 : #817256 : +36
44 : #87785a : +38
46 : #8d7d5e : +40
48 : #938362 : +42
50 : #998866 : +44
52 : #9d8d6c : +46
54 : #a19272 : +48
56 : #a59678 : +50
58 : #a99b7e : +52
60 : #ada085 : +54
62 : #b1a58b : +56
64 : #b6a991 : +58
66 : #baae97 : +60
68 : #beb39d : +62
70 : #c2b8a3 : +64
72 : #c6bca9 : +66
74 : #cac1af : +68
76 : #cec6b6 : +70
78 : #d2cbbc : +72
80 : #d6cfc2 : +74
82 : #dad4c8 : +76
84 : #ded9ce : +78
86 : #e2ded4 : +80
88 : #e7e2da : +82
90 : #ebe7e0 : +84
92 : #efece7 : +86
94 : #f3f1ed : +88
96 : #f7f5f3 : +90
98 : #fbfaf9 : +92
100 : #ffffff : +94
CSS入門、作ってます。
text-shadow