#380c0a
RGB ( 赤 = 56, 緑 = 12, 青 = 10 )
HSL ( 色相 = 3°, 彩度 = 70%, 明度 = 13% )
H : 色相 ( 3° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #380c0a : ±0
13 : #38140a : +10
23 : #381c0a : +20
33 : #38230a : +30
43 : #382b0a : +40
53 : #38330a : +50
63 : #36380a : +60
73 : #2e380a : +70
83 : #27380a : +80
93 : #1f380a : +90
103 : #17380a : +100
113 : #0f380a : +110
123 : #0a380c : +120
133 : #0a3814 : +130
143 : #0a381c : +140
153 : #0a3823 : +150
163 : #0a382b : +160
173 : #0a3833 : +170
183 : #0a3638 : +180
193 : #0a2e38 : +190
203 : #0a2738 : +200
213 : #0a1f38 : +210
223 : #0a1738 : +220
233 : #0a0f38 : +230
243 : #0c0a38 : +240
253 : #140a38 : +250
263 : #1c0a38 : +260
273 : #230a38 : +270
283 : #2b0a38 : +280
293 : #330a38 : +290
303 : #380a36 : +300
313 : #380a2e : +310
323 : #380a27 : +320
333 : #380a1f : +330
343 : #380a17 : +340
353 : #380a0f : +350
353 : #380a0f : +350
354 : #380a0f : +351
355 : #380a0e : +352
356 : #380a0d : +353
357 : #380a0c : +354
358 : #380a0b : +355
359 : #380a0b : +356
0 : #380a0a : -3
1 : #380b0a : -2
2 : #380b0a : -1
3 : #380c0a : ±0
4 : #380d0a : +1
5 : #380e0a : +2
6 : #380f0a : +3
7 : #380f0a : +4
8 : #38100a : +5
9 : #38110a : +6
10 : #38120a : +7
11 : #38120a : +8
12 : #38130a : +9
13 : #38140a : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #212121 : -70
2 : #222120 : -68
4 : #222020 : -66
6 : #231f1f : -64
8 : #241f1e : -62
10 : #241e1e : -60
12 : #251e1d : -58
14 : #261d1d : -56
16 : #261c1c : -54
18 : #271c1b : -52
20 : #281b1b : -50
22 : #281b1a : -48
24 : #291a19 : -46
26 : #2a1919 : -44
28 : #2a1918 : -42
30 : #2b1817 : -40
32 : #2c1817 : -38
34 : #2c1716 : -36
36 : #2d1615 : -34
38 : #2e1615 : -32
40 : #2e1514 : -30
42 : #2f1513 : -28
44 : #301413 : -26
46 : #301312 : -24
48 : #311311 : -22
50 : #321211 : -20
52 : #321210 : -18
54 : #33110f : -16
56 : #34100f : -14
58 : #34100e : -12
60 : #350f0d : -10
62 : #360f0d : -8
64 : #360e0c : -6
66 : #370d0b : -4
68 : #380d0b : -2
70 : #380c0a : ±0
72 : #390c09 : +2
74 : #3a0b09 : +4
76 : #3a0a08 : +6
78 : #3b0a07 : +8
80 : #3c0907 : +10
82 : #3c0906 : +12
84 : #3d0805 : +14
86 : #3e0705 : +16
88 : #3e0704 : +18
90 : #3f0603 : +20
92 : #400603 : +22
94 : #400502 : +24
96 : #410501 : +26
98 : #420401 : +28
100 : #420300 : +30
L : 明度 ( 13% )
(0%) 暗い ~ 明るい (100%)
1 : #040101 : -12
3 : #0d0302 : -10
5 : #160504 : -8
7 : #1e0705 : -6
9 : #270807 : -4
11 : #300a08 : -2
13 : #380c0a : ±0
15 : #410e0b : +2
17 : #4a100d : +4
19 : #52120f : +6
21 : #5b1410 : +8
23 : #641612 : +10
25 : #6c1813 : +12
27 : #751915 : +14
29 : #7e1b16 : +16
31 : #861d18 : +18
33 : #8f1f19 : +20
35 : #98211b : +22
37 : #a0231c : +24
39 : #a9251e : +26
41 : #b2271f : +28
43 : #ba2921 : +30
45 : #c32a22 : +32
47 : #cc2c24 : +34
49 : #d42e25 : +36
51 : #da332b : +38
53 : #db3c33 : +40
55 : #dd443c : +42
57 : #de4c45 : +44
59 : #e0554d : +46
61 : #e15d56 : +48
63 : #e3655f : +50
65 : #e46e67 : +52
67 : #e67670 : +54
69 : #e77e79 : +56
71 : #e98681 : +58
73 : #ea8f8a : +60
75 : #ec9793 : +62
77 : #ed9f9b : +64
79 : #efa8a4 : +66
81 : #f0b0ad : +68
83 : #f2b8b5 : +70
85 : #f4c1be : +72
87 : #f5c9c7 : +74
89 : #f7d1cf : +76
91 : #f8dad8 : +78
93 : #fae2e1 : +80
95 : #fbeae9 : +82
97 : #fdf3f2 : +84
99 : #fefbfb : +86
CSS入門、作ってます。
text-shadow