#a95404
RGB
赤 | 169 |
---|---|
緑 | 84 |
青 | 4 |
HSL
色相 | 29° |
---|---|
彩度 | 95% |
明度 | 34% |
輝度 | 39% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 169, 緑 = 84, 青 = 4 )
HSL ( 色相 = 29°, 彩度 = 95%, 明度 = 34% )
H : 色相 ( 29° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #a91d04 : -20
19 : #a93804 : -10
29 : #a95404 : ±0
39 : #a96f04 : +10
49 : #a98b04 : +20
59 : #a9a604 : +30
69 : #90a904 : +40
79 : #75a904 : +50
89 : #59a904 : +60
99 : #3ea904 : +70
109 : #23a904 : +80
119 : #07a904 : +90
129 : #04a91d : +100
139 : #04a938 : +110
149 : #04a954 : +120
159 : #04a96f : +130
169 : #04a98b : +140
179 : #04a9a6 : +150
189 : #0490a9 : +160
199 : #0475a9 : +170
209 : #0459a9 : +180
219 : #043ea9 : +190
229 : #0423a9 : +200
239 : #0407a9 : +210
249 : #1d04a9 : +220
259 : #3804a9 : +230
269 : #5404a9 : +240
279 : #6f04a9 : +250
289 : #8b04a9 : +260
299 : #a604a9 : +270
309 : #a90490 : +280
319 : #a90475 : +290
329 : #a90459 : +300
339 : #a9043e : +310
349 : #a90423 : +320
359 : #a90407 : +330
19 : #a93804 : -10
20 : #a93b04 : -9
21 : #a93e04 : -8
22 : #a94104 : -7
23 : #a94304 : -6
24 : #a94604 : -5
25 : #a94904 : -4
26 : #a94c04 : -3
27 : #a94e04 : -2
28 : #a95104 : -1
29 : #a95404 : ±0
30 : #a95704 : +1
31 : #a95904 : +2
32 : #a95c04 : +3
33 : #a95f04 : +4
34 : #a96204 : +5
35 : #a96404 : +6
36 : #a96704 : +7
37 : #a96a04 : +8
38 : #a96d04 : +9
39 : #a96f04 : +10
S : 彩度 ( 95% )
(0%) 渋い ~ 鮮やか (100%)
1 : #585756 : -94
3 : #595754 : -92
5 : #5b5752 : -90
7 : #5d5651 : -88
9 : #5f564f : -86
11 : #60564d : -84
13 : #62564b : -82
15 : #64564a : -80
17 : #655648 : -78
19 : #675646 : -76
21 : #695644 : -74
23 : #6b5643 : -72
25 : #6c5641 : -70
27 : #6e563f : -68
29 : #70563e : -66
31 : #72563c : -64
33 : #73563a : -62
35 : #755638 : -60
37 : #775637 : -58
39 : #795635 : -56
41 : #7a5633 : -54
43 : #7c5531 : -52
45 : #7e5530 : -50
47 : #7f552e : -48
49 : #81552c : -46
51 : #83552a : -44
53 : #855529 : -42
55 : #865527 : -40
57 : #885525 : -38
59 : #8a5524 : -36
61 : #8c5522 : -34
63 : #8d5520 : -32
65 : #8f551e : -30
67 : #91551d : -28
69 : #93551b : -26
71 : #945519 : -24
73 : #965517 : -22
75 : #985516 : -20
77 : #995414 : -18
79 : #9b5412 : -16
81 : #9d5410 : -14
83 : #9f540f : -12
85 : #a0540d : -10
87 : #a2540b : -8
89 : #a4540a : -6
91 : #a65408 : -4
93 : #a75406 : -2
95 : #a95404 : ±0
97 : #ab5403 : +2
99 : #ad5401 : +4
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #0a0500 : -32
4 : #140a01 : -30
6 : #1e0f01 : -28
8 : #281401 : -26
10 : #321901 : -24
12 : #3c1e02 : -22
14 : #462302 : -20
16 : #502802 : -18
18 : #5a2c02 : -16
20 : #633103 : -14
22 : #6d3603 : -12
24 : #773b03 : -10
26 : #814003 : -8
28 : #8b4504 : -6
30 : #954a04 : -4
32 : #9f4f04 : -2
34 : #a95404 : ±0
36 : #b35905 : +2
38 : #bd5e05 : +4
40 : #c76305 : +6
42 : #d16805 : +8
44 : #db6d06 : +10
46 : #e57206 : +12
48 : #ef7706 : +14
50 : #f97b06 : +16
52 : #f98110 : +18
54 : #f9861a : +20
56 : #f98b24 : +22
58 : #fa912e : +24
60 : #fa9638 : +26
62 : #fa9b42 : +28
64 : #faa04c : +30
66 : #fba656 : +32
68 : #fbab60 : +34
70 : #fbb06a : +36
72 : #fbb574 : +38
74 : #fcbb7e : +40
76 : #fcc088 : +42
78 : #fcc592 : +44
80 : #fcca9c : +46
82 : #fdd0a5 : +48
84 : #fdd5af : +50
86 : #fddab9 : +52
88 : #fddfc3 : +54
90 : #fee5cd : +56
92 : #feead7 : +58
94 : #feefe1 : +60
96 : #fef4eb : +62
98 : #fffaf5 : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow