#341009
RGB ( 赤 = 52, 緑 = 16, 青 = 9 )
HSL ( 色相 = 10°, 彩度 = 70%, 明度 = 12% )
H : 色相 ( 10° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #340909 : -10
10 : #341009 : ±0
20 : #341709 : +10
30 : #341f09 : +20
40 : #342609 : +30
50 : #342d09 : +40
60 : #343409 : +50
70 : #2d3409 : +60
80 : #263409 : +70
90 : #1f3409 : +80
100 : #173409 : +90
110 : #103409 : +100
120 : #093409 : +110
130 : #093410 : +120
140 : #093417 : +130
150 : #09341f : +140
160 : #093426 : +150
170 : #09342d : +160
180 : #093434 : +170
190 : #092d34 : +180
200 : #092634 : +190
210 : #091f34 : +200
220 : #091734 : +210
230 : #091034 : +220
240 : #090934 : +230
250 : #100934 : +240
260 : #170934 : +250
270 : #1f0934 : +260
280 : #260934 : +270
290 : #2d0934 : +280
300 : #340934 : +290
310 : #34092d : +300
320 : #340926 : +310
330 : #34091f : +320
340 : #340917 : +330
350 : #340910 : +340
0 : #340909 : -10
1 : #340a09 : -9
2 : #340b09 : -8
3 : #340b09 : -7
4 : #340c09 : -6
5 : #340d09 : -5
6 : #340d09 : -4
7 : #340e09 : -3
8 : #340f09 : -2
9 : #341009 : -1
10 : #341009 : ±0
11 : #341109 : +1
12 : #341209 : +2
13 : #341209 : +3
14 : #341309 : +4
15 : #341409 : +5
16 : #341509 : +6
17 : #341509 : +7
18 : #341609 : +8
19 : #341709 : +9
20 : #341709 : +10
S : 彩度 ( 70% )
(0%) 渋い ～ 鮮やか (100%)
0 : #1e1e1e : -70
2 : #1f1e1e : -68
4 : #201e1d : -66
6 : #201d1d : -64
8 : #211d1c : -62
10 : #221d1c : -60
12 : #221c1b : -58
14 : #231c1a : -56
16 : #231b1a : -54
18 : #241b19 : -52
20 : #251b18 : -50
22 : #251a18 : -48
24 : #261a17 : -46
26 : #271917 : -44
28 : #271916 : -42
30 : #281815 : -40
32 : #281815 : -38
34 : #291814 : -36
36 : #2a1714 : -34
38 : #2a1713 : -32
40 : #2b1612 : -30
42 : #2b1612 : -28
44 : #2c1611 : -26
46 : #2d1511 : -24
48 : #2d1510 : -22
50 : #2e140f : -20
52 : #2f140f : -18
54 : #2f140e : -16
56 : #30130d : -14
58 : #30130d : -12
60 : #31120c : -10
62 : #32120c : -8
64 : #32120b : -6
66 : #33110a : -4
68 : #33110a : -2
70 : #341009 : ±0
72 : #351009 : +2
74 : #351008 : +4
76 : #360f07 : +6
78 : #360f07 : +8
80 : #370e06 : +10
82 : #380e06 : +12
84 : #380d05 : +14
86 : #390d04 : +16
88 : #3a0d04 : +18
90 : #3a0c03 : +20
92 : #3b0c02 : +22
94 : #3b0b02 : +24
96 : #3c0b01 : +26
98 : #3d0b01 : +28
100 : #3d0a00 : +30
L : 明度 ( 12% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -12
2 : #090302 : -10
4 : #110503 : -8
6 : #1a0805 : -6
8 : #230b06 : -4
10 : #2b0e08 : -2
12 : #341009 : ±0
14 : #3d130b : +2
16 : #45160c : +4
18 : #4e180e : +6
20 : #571b0f : +8
22 : #5f1e11 : +10
24 : #682112 : +12
26 : #712314 : +14
28 : #792615 : +16
30 : #822917 : +18
32 : #8b2c18 : +20
34 : #932e1a : +22
36 : #9c311c : +24
38 : #a5341d : +26
40 : #ad361f : +28
42 : #b63920 : +30
44 : #bf3c22 : +32
46 : #c73f23 : +34
48 : #d04125 : +36
50 : #d94426 : +38
52 : #da4b2f : +40
54 : #dc5338 : +42
56 : #dd5a40 : +44
58 : #df6249 : +46
60 : #e06952 : +48
62 : #e2715a : +50
64 : #e37863 : +52
66 : #e5806c : +54
68 : #e78774 : +56
70 : #e88f7d : +58
72 : #ea9686 : +60
74 : #eb9e8e : +62
76 : #eda597 : +64
78 : #eeada0 : +66
80 : #f0b4a8 : +68
82 : #f1bcb1 : +70
84 : #f3c3ba : +72
86 : #f4cbc2 : +74
88 : #f6d2cb : +76
90 : #f7dad4 : +78
92 : #f9e1dc : +80
94 : #fae9e5 : +82
96 : #fcf0ee : +84
98 : #fdf8f6 : +86
100 : #ffffff : +88
CSS入門、作ってます。
text-shadow