#a5751d
RGB
赤 | 165 |
---|---|
緑 | 117 |
青 | 29 |
HSL
色相 | 39° |
---|---|
彩度 | 70% |
明度 | 38% |
輝度 | 48% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 165, 緑 = 117, 青 = 29 )
HSL ( 色相 = 39°, 彩度 = 70%, 明度 = 38% )
H : 色相 ( 39° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #a5311d : -30
19 : #a5481d : -20
29 : #a55f1d : -10
39 : #a5751d : ±0
49 : #a58c1d : +10
59 : #a5a21d : +20
69 : #90a51d : +30
79 : #7aa51d : +40
89 : #63a51d : +50
99 : #4da51d : +60
109 : #36a51d : +70
119 : #1fa51d : +80
129 : #1da531 : +90
139 : #1da548 : +100
149 : #1da55f : +110
159 : #1da575 : +120
169 : #1da58c : +130
179 : #1da5a2 : +140
189 : #1d90a5 : +150
199 : #1d7aa5 : +160
209 : #1d63a5 : +170
219 : #1d4da5 : +180
229 : #1d36a5 : +190
239 : #1d1fa5 : +200
249 : #311da5 : +210
259 : #481da5 : +220
269 : #5f1da5 : +230
279 : #751da5 : +240
289 : #8c1da5 : +250
299 : #a21da5 : +260
309 : #a51d90 : +270
319 : #a51d7a : +280
329 : #a51d63 : +290
339 : #a51d4d : +300
349 : #a51d36 : +310
359 : #a51d1f : +320
29 : #a55f1d : -10
30 : #a5611d : -9
31 : #a5631d : -8
32 : #a5651d : -7
33 : #a5681d : -6
34 : #a56a1d : -5
35 : #a56c1d : -4
36 : #a56e1d : -3
37 : #a5711d : -2
38 : #a5731d : -1
39 : #a5751d : ±0
40 : #a5781d : +1
41 : #a57a1d : +2
42 : #a57c1d : +3
43 : #a57e1d : +4
44 : #a5811d : +5
45 : #a5831d : +6
46 : #a5851d : +7
47 : #a5871d : +8
48 : #a58a1d : +9
49 : #a58c1d : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -70
2 : #63615f : -68
4 : #65625d : -66
6 : #67635b : -64
8 : #696359 : -62
10 : #6b6457 : -60
12 : #6d6455 : -58
14 : #6e6553 : -56
16 : #706651 : -54
18 : #72664f : -52
20 : #74674e : -50
22 : #76674c : -48
24 : #78684a : -46
26 : #7a6848 : -44
28 : #7c6946 : -42
30 : #7e6a44 : -40
32 : #806a42 : -38
34 : #826b40 : -36
36 : #846b3e : -34
38 : #866c3c : -32
40 : #886d3a : -30
42 : #8a6d38 : -28
44 : #8c6e36 : -26
46 : #8d6e34 : -24
48 : #8f6f32 : -22
50 : #916f30 : -20
52 : #93702f : -18
54 : #95712d : -16
56 : #97712b : -14
58 : #997229 : -12
60 : #9b7227 : -10
62 : #9d7325 : -8
64 : #9f7423 : -6
66 : #a17421 : -4
68 : #a3751f : -2
70 : #a5751d : ±0
72 : #a7761b : +2
74 : #a97619 : +4
76 : #ab7717 : +6
78 : #ac7815 : +8
80 : #ae7813 : +10
82 : #b07911 : +12
84 : #b27910 : +14
86 : #b47a0e : +16
88 : #b67a0c : +18
90 : #b87b0a : +20
92 : #ba7c08 : +22
94 : #bc7c06 : +24
96 : #be7d04 : +26
98 : #c07d02 : +28
100 : #c27e00 : +30
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #090602 : -36
4 : #110c03 : -34
6 : #1a1305 : -32
8 : #231906 : -30
10 : #2b1f08 : -28
12 : #342509 : -26
14 : #3d2b0b : -24
16 : #45310c : -22
18 : #4e380e : -20
20 : #573e0f : -18
22 : #5f4411 : -16
24 : #684a12 : -14
26 : #715014 : -12
28 : #795615 : -10
30 : #825d17 : -8
32 : #8b6318 : -6
34 : #93691a : -4
36 : #9c6f1c : -2
38 : #a5751d : ±0
40 : #ad7b1f : +2
42 : #b68220 : +4
44 : #bf8822 : +6
46 : #c78e23 : +8
48 : #d09425 : +10
50 : #d99a26 : +12
52 : #da9e2f : +14
54 : #dca238 : +16
56 : #dda640 : +18
58 : #dfaa49 : +20
60 : #e0ae52 : +22
62 : #e2b25a : +24
64 : #e3b663 : +26
66 : #e5bb6c : +28
68 : #e7bf74 : +30
70 : #e8c37d : +32
72 : #eac786 : +34
74 : #ebcb8e : +36
76 : #edcf97 : +38
78 : #eed3a0 : +40
80 : #f0d7a8 : +42
82 : #f1dbb1 : +44
84 : #f3dfba : +46
86 : #f4e3c2 : +48
88 : #f6e7cb : +50
90 : #f7ebd4 : +52
92 : #f9efdc : +54
94 : #faf3e5 : +56
96 : #fcf7ee : +58
98 : #fdfbf6 : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow