#0c282c
RGB ( 赤 = 12, 緑 = 40, 青 = 44 )
HSL ( 色相 = 188°, 彩度 = 57%, 明度 = 11% )
H : 色相 ( 188° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #2c100c : -180
18 : #2c160c : -170
28 : #2c1b0c : -160
38 : #2c200c : -150
48 : #2c260c : -140
58 : #2c2b0c : -130
68 : #282c0c : -120
78 : #222c0c : -110
88 : #1d2c0c : -100
98 : #182c0c : -90
108 : #122c0c : -80
118 : #0d2c0c : -70
128 : #0c2c10 : -60
138 : #0c2c16 : -50
148 : #0c2c1b : -40
158 : #0c2c20 : -30
168 : #0c2c26 : -20
178 : #0c2c2b : -10
188 : #0c282c : ±0
198 : #0c222c : +10
208 : #0c1d2c : +20
218 : #0c182c : +30
228 : #0c122c : +40
238 : #0c0d2c : +50
248 : #100c2c : +60
258 : #160c2c : +70
268 : #1b0c2c : +80
278 : #200c2c : +90
288 : #260c2c : +100
298 : #2b0c2c : +110
308 : #2c0c28 : +120
318 : #2c0c22 : +130
328 : #2c0c1d : +140
338 : #2c0c18 : +150
348 : #2c0c12 : +160
358 : #2c0c0d : +170
178 : #0c2c2b : -10
179 : #0c2c2c : -9
180 : #0c2c2c : -8
181 : #0c2c2c : -7
182 : #0c2b2c : -6
183 : #0c2a2c : -5
184 : #0c2a2c : -4
185 : #0c292c : -3
186 : #0c292c : -2
187 : #0c282c : -1
188 : #0c282c : ±0
189 : #0c272c : +1
190 : #0c272c : +2
191 : #0c262c : +3
192 : #0c262c : +4
193 : #0c252c : +5
194 : #0c252c : +6
195 : #0c242c : +7
196 : #0c242c : +8
197 : #0c232c : +9
198 : #0c222c : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #1c1c1c : -56
3 : #1b1d1d : -54
5 : #1b1d1d : -52
7 : #1a1d1e : -50
9 : #1a1e1f : -48
11 : #191e1f : -46
13 : #181f20 : -44
15 : #181f20 : -42
17 : #172021 : -40
19 : #172021 : -38
21 : #162022 : -36
23 : #162123 : -34
25 : #152123 : -32
27 : #142224 : -30
29 : #142224 : -28
31 : #132225 : -26
33 : #132325 : -24
35 : #122326 : -22
37 : #122426 : -20
39 : #112427 : -18
41 : #112428 : -16
43 : #102528 : -14
45 : #0f2529 : -12
47 : #0f2629 : -10
49 : #0e262a : -8
51 : #0e272a : -6
53 : #0d272b : -4
55 : #0d272b : -2
57 : #0c282c : ±0
59 : #0c282d : +2
61 : #0b292d : +4
63 : #0a292e : +6
65 : #0a292e : +8
67 : #092a2f : +10
69 : #092a2f : +12
71 : #082b30 : +14
73 : #082b31 : +16
75 : #072b31 : +18
77 : #062c32 : +20
79 : #062c32 : +22
81 : #052d33 : +24
83 : #052d33 : +26
85 : #042e34 : +28
87 : #042e34 : +30
89 : #032e35 : +32
91 : #032f36 : +34
93 : #022f36 : +36
95 : #013037 : +38
97 : #013037 : +40
99 : #003038 : +42
L : 明度 ( 11% )
(0%) 暗い ~ 明るい (100%)
1 : #010404 : -10
3 : #030b0c : -8
5 : #051214 : -6
7 : #08191c : -4
9 : #0a2124 : -2
11 : #0c282c : ±0
13 : #0e2f34 : +2
15 : #10363c : +4
17 : #133d44 : +6
19 : #15454c : +8
21 : #174c54 : +10
23 : #19535c : +12
25 : #1b5a64 : +14
27 : #1e626c : +16
29 : #206974 : +18
31 : #22707c : +20
33 : #247784 : +22
35 : #267f8c : +24
37 : #298694 : +26
39 : #2b8d9c : +28
41 : #2d94a4 : +30
43 : #2f9bac : +32
45 : #31a3b4 : +34
47 : #34aabc : +36
49 : #36b1c4 : +38
51 : #3bb6c9 : +40
53 : #43b9cb : +42
55 : #4bbcce : +44
57 : #53bfd0 : +46
59 : #5bc2d2 : +48
61 : #63c5d4 : +50
63 : #6bc8d6 : +52
65 : #73cbd9 : +54
67 : #7bcedb : +56
69 : #83d1dd : +58
71 : #8bd4df : +60
73 : #93d7e1 : +62
75 : #9bdae4 : +64
77 : #a3dde6 : +66
79 : #abe0e8 : +68
81 : #b3e3ea : +70
83 : #bbe6ec : +72
85 : #c3e9ef : +74
87 : #cbecf1 : +76
89 : #d3eff3 : +78
91 : #dbf2f5 : +80
93 : #e3f5f7 : +82
95 : #ebf8fa : +84
97 : #f3fbfc : +86
99 : #fbfefe : +88
CSS入門、作ってます。
text-shadow