#12230a
RGB ( 赤 = 18, 緑 = 35, 青 = 10 )
HSL ( 色相 = 101°, 彩度 = 56%, 明度 = 9% )
H : 色相 ( 101° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #240b0a : -100
11 : #240f0a : -90
21 : #24130a : -80
31 : #24170a : -70
41 : #241c0a : -60
51 : #24200a : -50
61 : #23240a : -40
71 : #1f240a : -30
81 : #1b240a : -20
91 : #17240a : -10
101 : #12240a : ±0
111 : #0e240a : +10
121 : #0a240b : +20
131 : #0a240f : +30
141 : #0a2413 : +40
151 : #0a2417 : +50
161 : #0a241c : +60
171 : #0a2420 : +70
181 : #0a2324 : +80
191 : #0a1f24 : +90
201 : #0a1b24 : +100
211 : #0a1724 : +110
221 : #0a1224 : +120
231 : #0a0e24 : +130
241 : #0b0a24 : +140
251 : #0f0a24 : +150
261 : #130a24 : +160
271 : #170a24 : +170
281 : #1c0a24 : +180
291 : #200a24 : +190
301 : #240a23 : +200
311 : #240a1f : +210
321 : #240a1b : +220
331 : #240a17 : +230
341 : #240a12 : +240
351 : #240a0e : +250
91 : #17240a : -10
92 : #16240a : -9
93 : #16240a : -8
94 : #15240a : -7
95 : #15240a : -6
96 : #14240a : -5
97 : #14240a : -4
98 : #14240a : -3
99 : #13240a : -2
100 : #13240a : -1
101 : #12240a : ±0
102 : #12240a : +1
103 : #11240a : +2
104 : #11240a : +3
105 : #11240a : +4
106 : #10240a : +5
107 : #10240a : +6
108 : #0f240a : +7
109 : #0f240a : +8
110 : #0e240a : +9
111 : #0e240a : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #161616 : -56
2 : #171716 : -54
4 : #171816 : -52
6 : #161816 : -50
8 : #161915 : -48
10 : #161915 : -46
12 : #161a14 : -44
14 : #161a14 : -42
16 : #161b13 : -40
18 : #151b13 : -38
20 : #151c12 : -36
22 : #151c12 : -34
24 : #151c11 : -32
26 : #151d11 : -30
28 : #151d11 : -28
30 : #141e10 : -26
32 : #141e10 : -24
34 : #141f0f : -22
36 : #141f0f : -20
38 : #14200e : -18
40 : #14200e : -16
42 : #13210d : -14
44 : #13210d : -12
46 : #13220c : -10
48 : #13220c : -8
50 : #13220b : -6
52 : #13230b : -4
54 : #12230b : -2
56 : #12240a : ±0
58 : #12240a : +2
60 : #122509 : +4
62 : #122509 : +6
64 : #122608 : +8
66 : #112608 : +10
68 : #112707 : +12
70 : #112707 : +14
72 : #112706 : +16
74 : #112806 : +18
76 : #112806 : +20
78 : #102905 : +22
80 : #102905 : +24
82 : #102a04 : +26
84 : #102a04 : +28
86 : #102b03 : +30
88 : #102b03 : +32
90 : #0f2c02 : +34
92 : #0f2c02 : +36
94 : #0f2d01 : +38
96 : #0f2d01 : +40
98 : #0f2d00 : +42
100 : #0f2e00 : +44
L : 明度 ( 9% )
(0%) 暗い ~ 明るい (100%)
1 : #020401 : -8
3 : #060c03 : -6
5 : #0a1406 : -4
7 : #0e1c08 : -2
9 : #12240a : ±0
11 : #162c0c : +2
13 : #1a340f : +4
15 : #1e3c11 : +6
17 : #224413 : +8
19 : #274c15 : +10
21 : #2b5418 : +12
23 : #2f5b1a : +14
25 : #33631c : +16
27 : #376b1e : +18
29 : #3b7321 : +20
31 : #3f7b23 : +22
33 : #438325 : +24
35 : #478b27 : +26
37 : #4b932a : +28
39 : #4f9b2c : +30
41 : #53a32e : +32
43 : #57ab30 : +34
45 : #5bb332 : +36
47 : #5fbb35 : +38
49 : #63c337 : +40
51 : #68c83c : +42
53 : #6fca44 : +44
55 : #75cd4c : +46
57 : #7bcf54 : +48
59 : #81d15c : +50
61 : #87d364 : +52
63 : #8dd56c : +54
65 : #93d874 : +56
67 : #9ada7c : +58
69 : #a0dc84 : +60
71 : #a6de8c : +62
73 : #ace194 : +64
75 : #b2e39c : +66
77 : #b8e5a4 : +68
79 : #bee7ab : +70
81 : #c5eab3 : +72
83 : #cbecbb : +74
85 : #d1eec3 : +76
87 : #d7f0cb : +78
89 : #ddf3d3 : +80
91 : #e3f5db : +82
93 : #e9f7e3 : +84
95 : #f0f9eb : +86
97 : #f6fcf3 : +88
99 : #fcfefb : +90
CSS入門、作ってます。
text-shadow