#9a7913
RGB
| 赤 | 154 |
|---|---|
| 緑 | 121 |
| 青 | 19 |
HSL
| 色相 | 45° |
|---|---|
| 彩度 | 78% |
| 明度 | 34% |
| 輝度 | 47% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 154, 緑 = 121, 青 = 19 )
HSL ( 色相 = 45°, 彩度 = 78%, 明度 = 34% )
H : 色相 ( 45° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #9a1e13 : -40
15 : #9a3513 : -30
25 : #9a4b13 : -20
35 : #9a6213 : -10
45 : #9a7913 : ±0
55 : #9a8f13 : +10
65 : #8f9a13 : +20
75 : #799a13 : +30
85 : #629a13 : +40
95 : #4b9a13 : +50
105 : #359a13 : +60
115 : #1e9a13 : +70
125 : #139a1e : +80
135 : #139a35 : +90
145 : #139a4b : +100
155 : #139a62 : +110
165 : #139a79 : +120
175 : #139a8f : +130
185 : #138f9a : +140
195 : #13799a : +150
205 : #13629a : +160
215 : #134b9a : +170
225 : #13359a : +180
235 : #131e9a : +190
245 : #1e139a : +200
255 : #35139a : +210
265 : #4b139a : +220
275 : #62139a : +230
285 : #79139a : +240
295 : #8f139a : +250
305 : #9a138f : +260
315 : #9a1379 : +270
325 : #9a1362 : +280
335 : #9a134b : +290
345 : #9a1335 : +300
355 : #9a131e : +310
35 : #9a6213 : -10
36 : #9a6413 : -9
37 : #9a6613 : -8
38 : #9a6913 : -7
39 : #9a6b13 : -6
40 : #9a6d13 : -5
41 : #9a6f13 : -4
42 : #9a7213 : -3
43 : #9a7413 : -2
44 : #9a7613 : -1
45 : #9a7913 : ±0
46 : #9a7b13 : +1
47 : #9a7d13 : +2
48 : #9a7f13 : +3
49 : #9a8213 : +4
50 : #9a8413 : +5
51 : #9a8613 : +6
52 : #9a8813 : +7
53 : #9a8b13 : +8
54 : #9a8d13 : +9
55 : #9a8f13 : +10
S : 彩度 ( 78% )
(0%) 渋い ～ 鮮やか (100%)
0 : #565656 : -78
2 : #585855 : -76
4 : #5a5853 : -74
6 : #5c5951 : -72
8 : #5e5a50 : -70
10 : #5f5b4e : -68
12 : #615c4c : -66
14 : #635d4b : -64
16 : #655e49 : -62
18 : #665f47 : -60
20 : #685f45 : -58
22 : #6a6044 : -56
24 : #6c6142 : -54
26 : #6d6240 : -52
28 : #6f633e : -50
30 : #71643d : -48
32 : #72653b : -46
34 : #746539 : -44
36 : #766637 : -42
38 : #786736 : -40
40 : #796834 : -38
42 : #7b6932 : -36
44 : #7d6a31 : -34
46 : #7f6b2f : -32
48 : #806c2d : -30
50 : #826c2b : -28
52 : #846d2a : -26
54 : #866e28 : -24
56 : #876f26 : -22
58 : #897024 : -20
60 : #8b7123 : -18
62 : #8c7221 : -16
64 : #8e721f : -14
66 : #90731d : -12
68 : #92741c : -10
70 : #93751a : -8
72 : #957618 : -6
74 : #977717 : -4
76 : #997815 : -2
78 : #9a7913 : ±0
80 : #9c7911 : +2
82 : #9e7a10 : +4
84 : #a07b0e : +6
86 : #a17c0c : +8
88 : #a37d0a : +10
90 : #a57e09 : +12
92 : #a67f07 : +14
94 : #a87f05 : +16
96 : #aa8003 : +18
98 : #ac8102 : +20
100 : #ad8200 : +22
L : 明度 ( 34% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -34
2 : #090701 : -32
4 : #120e02 : -30
6 : #1b1503 : -28
8 : #241c04 : -26
10 : #2d2306 : -24
12 : #362b07 : -22
14 : #403208 : -20
16 : #493909 : -18
18 : #52400a : -16
20 : #5b470b : -14
22 : #644e0c : -12
24 : #6d550d : -10
26 : #765c0f : -8
28 : #7f6310 : -6
30 : #886a11 : -4
32 : #917112 : -2
34 : #9a7913 : ±0
36 : #a38014 : +2
38 : #ac8715 : +4
40 : #b68e16 : +6
42 : #bf9518 : +8
44 : #c89c19 : +10
46 : #d1a31a : +12
48 : #daaa1b : +14
50 : #e3b11c : +16
52 : #e4b425 : +18
54 : #e5b72e : +20
56 : #e6bb37 : +22
58 : #e7be40 : +24
60 : #e9c149 : +26
62 : #eac453 : +28
64 : #ebc75c : +30
66 : #ecca65 : +32
68 : #edcd6e : +34
70 : #eed077 : +36
72 : #efd380 : +38
74 : #f0d789 : +40
76 : #f2da92 : +42
78 : #f3dd9b : +44
80 : #f4e0a4 : +46
82 : #f5e3ad : +48
84 : #f6e6b6 : +50
86 : #f7e9bf : +52
88 : #f8ecc9 : +54
90 : #f9efd2 : +56
92 : #fbf3db : +58
94 : #fcf6e4 : +60
96 : #fdf9ed : +62
98 : #fefcf6 : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow