#0c1922
RGB ( 赤 = 12, 緑 = 25, 青 = 34 )
HSL ( 色相 = 205°, 彩度 = 48%, 明度 = 9% )
H : 色相 ( 205° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #220e0c : -200
15 : #22110c : -190
25 : #22150c : -180
35 : #22190c : -170
45 : #221c0c : -160
55 : #22200c : -150
65 : #20220c : -140
75 : #1c220c : -130
85 : #19220c : -120
95 : #15220c : -110
105 : #11220c : -100
115 : #0e220c : -90
125 : #0c220e : -80
135 : #0c2211 : -70
145 : #0c2215 : -60
155 : #0c2219 : -50
165 : #0c221c : -40
175 : #0c2220 : -30
185 : #0c2022 : -20
195 : #0c1c22 : -10
205 : #0c1922 : ±0
215 : #0c1522 : +10
225 : #0c1122 : +20
235 : #0c0e22 : +30
245 : #0e0c22 : +40
255 : #110c22 : +50
265 : #150c22 : +60
275 : #190c22 : +70
285 : #1c0c22 : +80
295 : #200c22 : +90
305 : #220c20 : +100
315 : #220c1c : +110
325 : #220c19 : +120
335 : #220c15 : +130
345 : #220c11 : +140
355 : #220c0e : +150
195 : #0c1c22 : -10
196 : #0c1c22 : -9
197 : #0c1c22 : -8
198 : #0c1b22 : -7
199 : #0c1b22 : -6
200 : #0c1b22 : -5
201 : #0c1a22 : -4
202 : #0c1a22 : -3
203 : #0c1a22 : -2
204 : #0c1922 : -1
205 : #0c1922 : ±0
206 : #0c1822 : +1
207 : #0c1822 : +2
208 : #0c1822 : +3
209 : #0c1722 : +4
210 : #0c1722 : +5
211 : #0c1722 : +6
212 : #0c1622 : +7
213 : #0c1622 : +8
214 : #0c1522 : +9
215 : #0c1522 : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #161616 : -48
2 : #161717 : -46
4 : #161718 : -44
6 : #161718 : -42
8 : #151719 : -40
10 : #151719 : -38
12 : #14171a : -36
14 : #14171a : -34
16 : #13181b : -32
18 : #13181b : -30
20 : #12181c : -28
22 : #12181c : -26
24 : #11181c : -24
26 : #11181d : -22
28 : #11181d : -20
30 : #10181e : -18
32 : #10181e : -16
34 : #0f181f : -14
36 : #0f181f : -12
38 : #0e1820 : -10
40 : #0e1820 : -8
42 : #0d1921 : -6
44 : #0d1921 : -4
46 : #0c1922 : -2
48 : #0c1922 : ±0
50 : #0b1922 : +2
52 : #0b1923 : +4
54 : #0b1923 : +6
56 : #0a1924 : +8
58 : #0a1924 : +10
60 : #091925 : +12
62 : #091925 : +14
64 : #081926 : +16
66 : #081926 : +18
68 : #071a27 : +20
70 : #071a27 : +22
72 : #061a27 : +24
74 : #061a28 : +26
76 : #061a28 : +28
78 : #051a29 : +30
80 : #051a29 : +32
82 : #041a2a : +34
84 : #041a2a : +36
86 : #031a2b : +38
88 : #031a2b : +40
90 : #021a2c : +42
92 : #021a2c : +44
94 : #011b2d : +46
96 : #011b2d : +48
98 : #001b2d : +50
100 : #001b2e : +52
L : 明度 ( 9% )
(0%) 暗い ~ 明るい (100%)
1 : #010304 : -8
3 : #04080b : -6
5 : #070e13 : -4
7 : #09131a : -2
9 : #0c1922 : ±0
11 : #0f1e2a : +2
13 : #112431 : +4
15 : #142939 : +6
17 : #172f40 : +8
19 : #193448 : +10
21 : #1c3a4f : +12
23 : #1e3f57 : +14
25 : #21455e : +16
27 : #244a66 : +18
29 : #26506d : +20
31 : #295575 : +22
33 : #2c5b7d : +24
35 : #2e6084 : +26
37 : #31668c : +28
39 : #346b93 : +30
41 : #36719b : +32
43 : #3976a2 : +34
45 : #3c7caa : +36
47 : #3e81b1 : +38
49 : #4187b9 : +40
51 : #468cbe : +42
53 : #4e91c1 : +44
55 : #5595c3 : +46
57 : #5d9ac6 : +48
59 : #649fc9 : +50
61 : #6ca4cb : +52
63 : #73a8ce : +54
65 : #7badd1 : +56
67 : #82b2d3 : +58
69 : #8ab6d6 : +60
71 : #92bbd9 : +62
73 : #99c0db : +64
75 : #a1c4de : +66
77 : #a8c9e1 : +68
79 : #b0cee3 : +70
81 : #b7d2e6 : +72
83 : #bfd7e8 : +74
85 : #c6dceb : +76
87 : #cee1ee : +78
89 : #d5e5f0 : +80
91 : #ddeaf3 : +82
93 : #e5eff6 : +84
95 : #ecf3f8 : +86
97 : #f4f8fb : +88
99 : #fbfdfe : +90
CSS入門、作ってます。
text-shadow