#2c271b
RGB ( 赤 = 44, 緑 = 39, 青 = 27 )
HSL ( 色相 = 42°, 彩度 = 24%, 明度 = 14% )
H : 色相 ( 42° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #2c1c1b : -40
12 : #2c1f1b : -30
22 : #2c211b : -20
32 : #2c241b : -10
42 : #2c271b : ±0
52 : #2c2a1b : +10
62 : #2c2c1b : +20
72 : #292c1b : +30
82 : #262c1b : +40
92 : #232c1b : +50
102 : #202c1b : +60
112 : #1d2c1b : +70
122 : #1b2c1c : +80
132 : #1b2c1f : +90
142 : #1b2c21 : +100
152 : #1b2c24 : +110
162 : #1b2c27 : +120
172 : #1b2c2a : +130
182 : #1b2c2c : +140
192 : #1b292c : +150
202 : #1b262c : +160
212 : #1b232c : +170
222 : #1b202c : +180
232 : #1b1d2c : +190
242 : #1c1b2c : +200
252 : #1f1b2c : +210
262 : #211b2c : +220
272 : #241b2c : +230
282 : #271b2c : +240
292 : #2a1b2c : +250
302 : #2c1b2c : +260
312 : #2c1b29 : +270
322 : #2c1b26 : +280
332 : #2c1b23 : +290
342 : #2c1b20 : +300
352 : #2c1b1d : +310
32 : #2c241b : -10
33 : #2c251b : -9
34 : #2c251b : -8
35 : #2c251b : -7
36 : #2c251b : -6
37 : #2c261b : -5
38 : #2c261b : -4
39 : #2c261b : -3
40 : #2c271b : -2
41 : #2c271b : -1
42 : #2c271b : ±0
43 : #2c271b : +1
44 : #2c281b : +2
45 : #2c281b : +3
46 : #2c281b : +4
47 : #2c291b : +5
48 : #2c291b : +6
49 : #2c291b : +7
50 : #2c291b : +8
51 : #2c2a1b : +9
52 : #2c2a1b : +10
S : 彩度 ( 24% )
(0%) 渋い ~ 鮮やか (100%)
0 : #232323 : -24
2 : #242423 : -22
4 : #252422 : -20
6 : #262522 : -18
8 : #272521 : -16
10 : #272520 : -14
12 : #28251f : -12
14 : #29261f : -10
16 : #29261e : -8
18 : #2a261d : -6
20 : #2b271d : -4
22 : #2c271c : -2
24 : #2c271b : ±0
26 : #2d271a : +2
28 : #2e281a : +4
30 : #2e2819 : +6
32 : #2f2818 : +8
34 : #302918 : +10
36 : #312917 : +12
38 : #312916 : +14
40 : #322915 : +16
42 : #332a15 : +18
44 : #332a14 : +20
46 : #342a13 : +22
48 : #352b13 : +24
50 : #362b12 : +26
52 : #362b11 : +28
54 : #372b10 : +30
56 : #382c10 : +32
58 : #382c0f : +34
60 : #392c0e : +36
62 : #3a2d0e : +38
64 : #3b2d0d : +40
66 : #3b2d0c : +42
68 : #3c2d0b : +44
70 : #3d2e0b : +46
72 : #3d2e0a : +48
74 : #3e2e09 : +50
76 : #3f2f09 : +52
78 : #402f08 : +54
80 : #402f07 : +56
82 : #412f06 : +58
84 : #423006 : +60
86 : #423005 : +62
88 : #433004 : +64
90 : #443104 : +66
92 : #453103 : +68
94 : #453102 : +70
96 : #463101 : +72
98 : #473201 : +74
100 : #473200 : +76
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #060604 : -12
4 : #0d0b08 : -10
6 : #13110c : -8
8 : #191610 : -6
10 : #201c13 : -4
12 : #262217 : -2
14 : #2c271b : ±0
16 : #332d1f : +2
18 : #393223 : +4
20 : #3f3827 : +6
22 : #463d2b : +8
24 : #4c432f : +10
26 : #524932 : +12
28 : #594e36 : +14
30 : #5f543a : +16
32 : #65593e : +18
34 : #6c5f42 : +20
36 : #726546 : +22
38 : #786a4a : +24
40 : #7e704e : +26
42 : #857551 : +28
44 : #8b7b55 : +30
46 : #918159 : +32
48 : #98865d : +34
50 : #9e8c61 : +36
52 : #a29067 : +38
54 : #a6956e : +40
56 : #aa9a74 : +42
58 : #ae9e7a : +44
60 : #b1a381 : +46
62 : #b5a787 : +48
64 : #b9ac8d : +50
66 : #bdb193 : +52
68 : #c1b59a : +54
70 : #c5baa0 : +56
72 : #c9bea6 : +58
74 : #cdc3ad : +60
76 : #d0c8b3 : +62
78 : #d4ccb9 : +64
80 : #d8d1c0 : +66
82 : #dcd6c6 : +68
84 : #e0dacc : +70
86 : #e4dfd3 : +72
88 : #e8e3d9 : +74
90 : #ece8df : +76
92 : #efede6 : +78
94 : #f3f1ec : +80
96 : #f7f6f2 : +82
98 : #fbfaf9 : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow