#0c0e14
RGB ( 赤 = 12, 緑 = 14, 青 = 20 )
HSL ( 色相 = 225°, 彩度 = 25%, 明度 = 6% )
H : 色相 ( 225° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #130c0b : -220
15 : #130d0b : -210
25 : #130f0b : -200
35 : #13100b : -190
45 : #13110b : -180
55 : #13120b : -170
65 : #12130b : -160
75 : #11130b : -150
85 : #10130b : -140
95 : #0f130b : -130
105 : #0d130b : -120
115 : #0c130b : -110
125 : #0b130c : -100
135 : #0b130d : -90
145 : #0b130f : -80
155 : #0b1310 : -70
165 : #0b1311 : -60
175 : #0b1312 : -50
185 : #0b1213 : -40
195 : #0b1113 : -30
205 : #0b1013 : -20
215 : #0b0f13 : -10
225 : #0b0d13 : ±0
235 : #0b0c13 : +10
245 : #0c0b13 : +20
255 : #0d0b13 : +30
265 : #0f0b13 : +40
275 : #100b13 : +50
285 : #110b13 : +60
295 : #120b13 : +70
305 : #130b12 : +80
315 : #130b11 : +90
325 : #130b10 : +100
335 : #130b0f : +110
345 : #130b0d : +120
355 : #130b0c : +130
215 : #0b0f13 : -10
216 : #0b0f13 : -9
217 : #0b0e13 : -8
218 : #0b0e13 : -7
219 : #0b0e13 : -6
220 : #0b0e13 : -5
221 : #0b0e13 : -4
222 : #0b0e13 : -3
223 : #0b0e13 : -2
224 : #0b0e13 : -1
225 : #0b0d13 : ±0
226 : #0b0d13 : +1
227 : #0b0d13 : +2
228 : #0b0d13 : +3
229 : #0b0d13 : +4
230 : #0b0d13 : +5
231 : #0b0d13 : +6
232 : #0b0c13 : +7
233 : #0b0c13 : +8
234 : #0b0c13 : +9
235 : #0b0c13 : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #0f0f0f : -24
3 : #0f0f10 : -22
5 : #0f0f10 : -20
7 : #0e0f10 : -18
9 : #0e0f11 : -16
11 : #0e0e11 : -14
13 : #0d0e11 : -12
15 : #0d0e12 : -10
17 : #0d0e12 : -8
19 : #0c0e12 : -6
21 : #0c0e13 : -4
23 : #0c0e13 : -2
25 : #0b0d13 : ±0
27 : #0b0d13 : +2
29 : #0b0d14 : +4
31 : #0b0d14 : +6
33 : #0a0d14 : +8
35 : #0a0d15 : +10
37 : #0a0c15 : +12
39 : #090c15 : +14
41 : #090c16 : +16
43 : #090c16 : +18
45 : #080c16 : +20
47 : #080c16 : +22
49 : #080c17 : +24
51 : #070b17 : +26
53 : #070b17 : +28
55 : #070b18 : +30
57 : #070b18 : +32
59 : #060b18 : +34
61 : #060b19 : +36
63 : #060a19 : +38
65 : #050a19 : +40
67 : #050a1a : +42
69 : #050a1a : +44
71 : #040a1a : +46
73 : #040a1a : +48
75 : #040a1b : +50
77 : #04091b : +52
79 : #03091b : +54
81 : #03091c : +56
83 : #03091c : +58
85 : #02091c : +60
87 : #02091d : +62
89 : #02081d : +64
91 : #01081d : +66
93 : #01081e : +68
95 : #01081e : +70
97 : #00081e : +72
99 : #00081e : +74
L : 明度 ( 6% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -6
2 : #040406 : -4
4 : #08090d : -2
6 : #0b0d13 : ±0
8 : #0f121a : +2
10 : #131620 : +4
12 : #171b26 : +6
14 : #1b1f2d : +8
16 : #1f2433 : +10
18 : #222839 : +12
20 : #262d40 : +14
22 : #2a3146 : +16
24 : #2e364d : +18
26 : #323a53 : +20
28 : #363e59 : +22
30 : #394360 : +24
32 : #3d4766 : +26
34 : #414c6c : +28
36 : #455073 : +30
38 : #495579 : +32
40 : #4d5980 : +34
42 : #505e86 : +36
44 : #54628c : +38
46 : #586793 : +40
48 : #5c6b99 : +42
50 : #60709f : +44
52 : #6675a3 : +46
54 : #6c7ba7 : +48
56 : #7381ab : +50
58 : #7987af : +52
60 : #808cb3 : +54
62 : #8692b6 : +56
64 : #8c98ba : +58
66 : #939dbe : +60
68 : #99a3c2 : +62
70 : #9fa9c6 : +64
72 : #a6afc9 : +66
74 : #acb4cd : +68
76 : #b3bad1 : +70
78 : #b9c0d5 : +72
80 : #bfc6d9 : +74
82 : #c6cbdd : +76
84 : #ccd1e0 : +78
86 : #d2d7e4 : +80
88 : #d9dde8 : +82
90 : #dfe2ec : +84
92 : #e6e8f0 : +86
94 : #eceef4 : +88
96 : #f2f4f7 : +90
98 : #f9f9fb : +92
100 : #ffffff : +94
CSS入門、作ってます。
text-shadow