#0c2c22
RGB ( 赤 = 12, 緑 = 44, 青 = 34 )
HSL ( 色相 = 161°, 彩度 = 57%, 明度 = 11% )
H : 色相 ( 161° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #2c0d0c : -160
11 : #2c120c : -150
21 : #2c170c : -140
31 : #2c1d0c : -130
41 : #2c220c : -120
51 : #2c270c : -110
61 : #2c2c0c : -100
71 : #262c0c : -90
81 : #212c0c : -80
91 : #1c2c0c : -70
101 : #162c0c : -60
111 : #112c0c : -50
121 : #0c2c0d : -40
131 : #0c2c12 : -30
141 : #0c2c17 : -20
151 : #0c2c1d : -10
161 : #0c2c22 : ±0
171 : #0c2c27 : +10
181 : #0c2c2c : +20
191 : #0c262c : +30
201 : #0c212c : +40
211 : #0c1c2c : +50
221 : #0c162c : +60
231 : #0c112c : +70
241 : #0d0c2c : +80
251 : #120c2c : +90
261 : #170c2c : +100
271 : #1d0c2c : +110
281 : #220c2c : +120
291 : #270c2c : +130
301 : #2c0c2c : +140
311 : #2c0c26 : +150
321 : #2c0c21 : +160
331 : #2c0c1c : +170
341 : #2c0c16 : +180
351 : #2c0c11 : +190
151 : #0c2c1d : -10
152 : #0c2c1d : -9
153 : #0c2c1e : -8
154 : #0c2c1e : -7
155 : #0c2c1f : -6
156 : #0c2c1f : -5
157 : #0c2c20 : -4
158 : #0c2c20 : -3
159 : #0c2c21 : -2
160 : #0c2c21 : -1
161 : #0c2c22 : ±0
162 : #0c2c22 : +1
163 : #0c2c23 : +2
164 : #0c2c24 : +3
165 : #0c2c24 : +4
166 : #0c2c25 : +5
167 : #0c2c25 : +6
168 : #0c2c26 : +7
169 : #0c2c26 : +8
170 : #0c2c27 : +9
171 : #0c2c27 : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #1c1c1c : -56
3 : #1b1d1c : -54
5 : #1b1d1d : -52
7 : #1a1e1d : -50
9 : #1a1f1d : -48
11 : #191f1d : -46
13 : #18201d : -44
15 : #18201e : -42
17 : #17211e : -40
19 : #17211e : -38
21 : #16221e : -36
23 : #16231e : -34
25 : #15231f : -32
27 : #14241f : -30
29 : #14241f : -28
31 : #13251f : -26
33 : #13251f : -24
35 : #122620 : -22
37 : #122620 : -20
39 : #112720 : -18
41 : #112820 : -16
43 : #102820 : -14
45 : #0f2921 : -12
47 : #0f2921 : -10
49 : #0e2a21 : -8
51 : #0e2a21 : -6
53 : #0d2b22 : -4
55 : #0d2b22 : -2
57 : #0c2c22 : ±0
59 : #0c2d22 : +2
61 : #0b2d22 : +4
63 : #0a2e23 : +6
65 : #0a2e23 : +8
67 : #092f23 : +10
69 : #092f23 : +12
71 : #083023 : +14
73 : #083124 : +16
75 : #073124 : +18
77 : #063224 : +20
79 : #063224 : +22
81 : #053324 : +24
83 : #053325 : +26
85 : #043425 : +28
87 : #043425 : +30
89 : #033525 : +32
91 : #033625 : +34
93 : #023626 : +36
95 : #013726 : +38
97 : #013726 : +40
99 : #003826 : +42
L : 明度 ( 11% )
(0%) 暗い ~ 明るい (100%)
1 : #010403 : -10
3 : #030c09 : -8
5 : #05140f : -6
7 : #081c16 : -4
9 : #0a241c : -2
11 : #0c2c22 : ±0
13 : #0e3428 : +2
15 : #103c2e : +4
17 : #134434 : +6
19 : #154c3b : +8
21 : #175441 : +10
23 : #195c47 : +12
25 : #1b644d : +14
27 : #1e6c53 : +16
29 : #207459 : +18
31 : #227c60 : +20
33 : #248466 : +22
35 : #268c6c : +24
37 : #299472 : +26
39 : #2b9c78 : +28
41 : #2da47e : +30
43 : #2fac85 : +32
45 : #31b48b : +34
47 : #34bc91 : +36
49 : #36c497 : +38
51 : #3bc99c : +40
53 : #43cba0 : +42
55 : #4bcea4 : +44
57 : #53d0a8 : +46
59 : #5bd2ac : +48
61 : #63d4b0 : +50
63 : #6bd6b4 : +52
65 : #73d9b8 : +54
67 : #7bdbbc : +56
69 : #83ddc0 : +58
71 : #8bdfc5 : +60
73 : #93e1c9 : +62
75 : #9be4cd : +64
77 : #a3e6d1 : +66
79 : #abe8d5 : +68
81 : #b3ead9 : +70
83 : #bbecdd : +72
85 : #c3efe1 : +74
87 : #cbf1e5 : +76
89 : #d3f3e9 : +78
91 : #dbf5ed : +80
93 : #e3f7f1 : +82
95 : #ebfaf5 : +84
97 : #f3fcf9 : +86
99 : #fbfefd : +88
CSS入門、作ってます。
text-shadow