#a4791e
RGB
赤 | 164 |
---|---|
緑 | 121 |
青 | 30 |
HSL
色相 | 41° |
---|---|
彩度 | 69% |
明度 | 38% |
輝度 | 48% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 164, 緑 = 121, 青 = 30 )
HSL ( 色相 = 41°, 彩度 = 69%, 明度 = 38% )
H : 色相 ( 41° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #a4201e : -40
11 : #a4371e : -30
21 : #a44d1e : -20
31 : #a4631e : -10
41 : #a4791e : ±0
51 : #a4901e : +10
61 : #a2a41e : +20
71 : #8ba41e : +30
81 : #75a41e : +40
91 : #5fa41e : +50
101 : #48a41e : +60
111 : #32a41e : +70
121 : #1ea420 : +80
131 : #1ea437 : +90
141 : #1ea44d : +100
151 : #1ea463 : +110
161 : #1ea479 : +120
171 : #1ea490 : +130
181 : #1ea2a4 : +140
191 : #1e8ba4 : +150
201 : #1e75a4 : +160
211 : #1e5fa4 : +170
221 : #1e48a4 : +180
231 : #1e32a4 : +190
241 : #201ea4 : +200
251 : #371ea4 : +210
261 : #4d1ea4 : +220
271 : #631ea4 : +230
281 : #791ea4 : +240
291 : #901ea4 : +250
301 : #a41ea2 : +260
311 : #a41e8b : +270
321 : #a41e75 : +280
331 : #a41e5f : +290
341 : #a41e48 : +300
351 : #a41e32 : +310
31 : #a4631e : -10
32 : #a4651e : -9
33 : #a4681e : -8
34 : #a46a1e : -7
35 : #a46c1e : -6
36 : #a46e1e : -5
37 : #a4711e : -4
38 : #a4731e : -3
39 : #a4751e : -2
40 : #a4771e : -1
41 : #a4791e : ±0
42 : #a47c1e : +1
43 : #a47e1e : +2
44 : #a4801e : +3
45 : #a4821e : +4
46 : #a4851e : +5
47 : #a4871e : +6
48 : #a4891e : +7
49 : #a48b1e : +8
50 : #a48d1e : +9
51 : #a4901e : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #626160 : -68
3 : #64625e : -66
5 : #66635c : -64
7 : #68635a : -62
9 : #6a6458 : -60
11 : #6c6556 : -58
13 : #6d6654 : -56
15 : #6f6652 : -54
17 : #716750 : -52
19 : #73684e : -50
21 : #75684d : -48
23 : #77694b : -46
25 : #796a49 : -44
27 : #7b6a47 : -42
29 : #7d6b45 : -40
31 : #7f6c43 : -38
33 : #816d41 : -36
35 : #836d3f : -34
37 : #856e3d : -32
39 : #876f3b : -30
41 : #896f39 : -28
43 : #8b7037 : -26
45 : #8d7135 : -24
47 : #8e7233 : -22
49 : #907231 : -20
51 : #92732f : -18
53 : #94742e : -16
55 : #96742c : -14
57 : #98752a : -12
59 : #9a7628 : -10
61 : #9c7726 : -8
63 : #9e7724 : -6
65 : #a07822 : -4
67 : #a27920 : -2
69 : #a4791e : ±0
71 : #a67a1c : +2
73 : #a87b1a : +4
75 : #aa7c18 : +6
77 : #ac7c16 : +8
79 : #ad7d14 : +10
81 : #af7e12 : +12
83 : #b17e10 : +14
85 : #b37f0f : +16
87 : #b5800d : +18
89 : #b7810b : +20
91 : #b98109 : +22
93 : #bb8207 : +24
95 : #bd8305 : +26
97 : #bf8303 : +28
99 : #c18401 : +30
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #090602 : -36
4 : #110d03 : -34
6 : #1a1305 : -32
8 : #221a06 : -30
10 : #2b2008 : -28
12 : #342609 : -26
14 : #3c2d0b : -24
16 : #45330d : -22
18 : #4e3a0e : -20
20 : #564010 : -18
22 : #5f4611 : -16
24 : #674d13 : -14
26 : #705315 : -12
28 : #795916 : -10
30 : #816018 : -8
32 : #8a6619 : -6
34 : #936d1b : -4
36 : #9b731c : -2
38 : #a4791e : ±0
40 : #ac8020 : +2
42 : #b58621 : +4
44 : #be8d23 : +6
46 : #c69324 : +8
48 : #cf9926 : +10
50 : #d7a028 : +12
52 : #d9a430 : +14
54 : #dba739 : +16
56 : #dcab41 : +18
58 : #deaf4a : +20
60 : #dfb353 : +22
62 : #e1b75b : +24
64 : #e3ba64 : +26
66 : #e4be6c : +28
68 : #e6c275 : +30
70 : #e7c67e : +32
72 : #e9ca86 : +34
74 : #eacd8f : +36
76 : #ecd198 : +38
78 : #eed5a0 : +40
80 : #efd9a9 : +42
82 : #f1ddb1 : +44
84 : #f2e1ba : +46
86 : #f4e4c3 : +48
88 : #f6e8cb : +50
90 : #f7ecd4 : +52
92 : #f9f0dd : +54
94 : #faf4e5 : +56
96 : #fcf7ee : +58
98 : #fdfbf6 : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow