#310e0d
RGB ( 赤 = 49, 緑 = 14, 青 = 13 )
HSL ( 色相 = 2°, 彩度 = 58%, 明度 = 12% )
H : 色相 ( 2° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #300e0d : ±0
12 : #30140d : +10
22 : #301a0d : +20
32 : #30200d : +30
42 : #30260d : +40
52 : #302c0d : +50
62 : #2f300d : +60
72 : #29300d : +70
82 : #23300d : +80
92 : #1d300d : +90
102 : #18300d : +100
112 : #12300d : +110
122 : #0d300e : +120
132 : #0d3014 : +130
142 : #0d301a : +140
152 : #0d3020 : +150
162 : #0d3026 : +160
172 : #0d302c : +170
182 : #0d2f30 : +180
192 : #0d2930 : +190
202 : #0d2330 : +200
212 : #0d1d30 : +210
222 : #0d1830 : +220
232 : #0d1230 : +230
242 : #0e0d30 : +240
252 : #140d30 : +250
262 : #1a0d30 : +260
272 : #200d30 : +270
282 : #260d30 : +280
292 : #2c0d30 : +290
302 : #300d2f : +300
312 : #300d29 : +310
322 : #300d23 : +320
332 : #300d1d : +330
342 : #300d18 : +340
352 : #300d12 : +350
352 : #300d12 : +350
353 : #300d11 : +351
354 : #300d10 : +352
355 : #300d10 : +353
356 : #300d0f : +354
357 : #300d0f : +355
358 : #300d0e : +356
359 : #300d0d : +357
0 : #300d0d : -2
1 : #300d0d : -1
2 : #300e0d : ±0
3 : #300f0d : +1
4 : #300f0d : +2
5 : #30100d : +3
6 : #30100d : +4
7 : #30110d : +5
8 : #30120d : +6
9 : #30120d : +7
10 : #30130d : +8
11 : #30130d : +9
12 : #30140d : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #1e1e1e : -58
2 : #1f1e1e : -56
4 : #201d1d : -54
6 : #201d1d : -52
8 : #211c1c : -50
10 : #221c1c : -48
12 : #221b1b : -46
14 : #231b1a : -44
16 : #231a1a : -42
18 : #241919 : -40
20 : #251918 : -38
22 : #251818 : -36
24 : #261817 : -34
26 : #271717 : -32
28 : #271716 : -30
30 : #281615 : -28
32 : #281515 : -26
34 : #291514 : -24
36 : #2a1414 : -22
38 : #2a1413 : -20
40 : #2b1312 : -18
42 : #2b1312 : -16
44 : #2c1211 : -14
46 : #2d1111 : -12
48 : #2d1110 : -10
50 : #2e100f : -8
52 : #2f100f : -6
54 : #2f0f0e : -4
56 : #300f0d : -2
58 : #300e0d : ±0
60 : #310d0c : +2
62 : #320d0c : +4
64 : #320c0b : +6
66 : #330c0a : +8
68 : #330b0a : +10
70 : #340b09 : +12
72 : #350a09 : +14
74 : #350908 : +16
76 : #360907 : +18
78 : #360807 : +20
80 : #370806 : +22
82 : #380706 : +24
84 : #380705 : +26
86 : #390604 : +28
88 : #3a0504 : +30
90 : #3a0503 : +32
92 : #3b0402 : +34
94 : #3b0402 : +36
96 : #3c0301 : +38
98 : #3d0301 : +40
100 : #3d0200 : +42
L : 明度 ( 12% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -12
2 : #080202 : -10
4 : #100504 : -8
6 : #180706 : -6
8 : #200909 : -4
10 : #280c0b : -2
12 : #300e0d : ±0
14 : #38100f : +2
16 : #401311 : +4
18 : #491513 : +6
20 : #511715 : +8
22 : #591a18 : +10
24 : #611c1a : +12
26 : #691e1c : +14
28 : #71211e : +16
30 : #792320 : +18
32 : #812522 : +20
34 : #892824 : +22
36 : #912a27 : +24
38 : #992c29 : +26
40 : #a12f2b : +28
42 : #a9312d : +30
44 : #b1332f : +32
46 : #b93631 : +34
48 : #c13833 : +36
50 : #c93a36 : +38
52 : #cc423e : +40
54 : #ce4a46 : +42
56 : #d0524e : +44
58 : #d25a56 : +46
60 : #d4625e : +48
62 : #d66a66 : +50
64 : #d8726e : +52
66 : #db7976 : +54
68 : #dd817e : +56
70 : #df8986 : +58
72 : #e1918e : +60
74 : #e39996 : +62
76 : #e5a19e : +64
78 : #e7a9a6 : +66
80 : #eab0ae : +68
82 : #ecb8b6 : +70
84 : #eec0bf : +72
86 : #f0c8c7 : +74
88 : #f2d0cf : +76
90 : #f4d8d7 : +78
92 : #f6e0df : +80
94 : #f9e7e7 : +82
96 : #fbefef : +84
98 : #fdf7f7 : +86
100 : #ffffff : +88
CSS入門、作ってます。
text-shadow