#a25325
RGB
赤 | 162 |
---|---|
緑 | 83 |
青 | 37 |
HSL
色相 | 22° |
---|---|
彩度 | 63% |
明度 | 39% |
輝度 | 40% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 162, 緑 = 83, 青 = 37 )
HSL ( 色相 = 22°, 彩度 = 63%, 明度 = 39% )
H : 色相 ( 22° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #a22925 : -20
12 : #a23e25 : -10
22 : #a25325 : ±0
32 : #a26825 : +10
42 : #a27d25 : +20
52 : #a29125 : +30
62 : #9ea225 : +40
72 : #89a225 : +50
82 : #74a225 : +60
92 : #5fa225 : +70
102 : #4aa225 : +80
112 : #36a225 : +90
122 : #25a229 : +100
132 : #25a23e : +110
142 : #25a253 : +120
152 : #25a268 : +130
162 : #25a27d : +140
172 : #25a291 : +150
182 : #259ea2 : +160
192 : #2589a2 : +170
202 : #2574a2 : +180
212 : #255fa2 : +190
222 : #254aa2 : +200
232 : #2536a2 : +210
242 : #2925a2 : +220
252 : #3e25a2 : +230
262 : #5325a2 : +240
272 : #6825a2 : +250
282 : #7d25a2 : +260
292 : #9125a2 : +270
302 : #a2259e : +280
312 : #a22589 : +290
322 : #a22574 : +300
332 : #a2255f : +310
342 : #a2254a : +320
352 : #a22536 : +330
12 : #a23e25 : -10
13 : #a24025 : -9
14 : #a24225 : -8
15 : #a24425 : -7
16 : #a24625 : -6
17 : #a24825 : -5
18 : #a24a25 : -4
19 : #a24c25 : -3
20 : #a24f25 : -2
21 : #a25125 : -1
22 : #a25325 : ±0
23 : #a25525 : +1
24 : #a25725 : +2
25 : #a25925 : +3
26 : #a25b25 : +4
27 : #a25d25 : +5
28 : #a25f25 : +6
29 : #a26125 : +7
30 : #a26325 : +8
31 : #a26625 : +9
32 : #a26825 : +10
S : 彩度 ( 63% )
(0%) 渋い ~ 鮮やか (100%)
1 : #646362 : -62
3 : #666360 : -60
5 : #68625e : -58
7 : #6a625c : -56
9 : #6c615a : -54
11 : #6e6159 : -52
13 : #706057 : -50
15 : #725f55 : -48
17 : #745f53 : -46
19 : #765e51 : -44
21 : #785e4f : -42
23 : #7a5d4d : -40
25 : #7c5d4b : -38
27 : #7e5c49 : -36
29 : #805c47 : -34
31 : #825b45 : -32
33 : #845b43 : -30
35 : #865a41 : -28
37 : #885a3f : -26
39 : #8a593d : -24
41 : #8c593b : -22
43 : #8e5839 : -20
45 : #905837 : -18
47 : #925735 : -16
49 : #945633 : -14
51 : #965631 : -12
53 : #98552f : -10
55 : #9a552d : -8
57 : #9c542b : -6
59 : #9e5429 : -4
61 : #a05327 : -2
63 : #a25325 : ±0
65 : #a45223 : +2
67 : #a65221 : +4
69 : #a8511f : +6
71 : #aa511d : +8
73 : #ac501b : +10
75 : #ae5019 : +12
77 : #b04f17 : +14
79 : #b24e15 : +16
81 : #b44e13 : +18
83 : #b64d11 : +20
85 : #b84d0f : +22
87 : #ba4c0d : +24
89 : #bc4c0b : +26
91 : #be4b09 : +28
93 : #c04b07 : +30
95 : #c24a05 : +32
97 : #c44a03 : +34
99 : #c64901 : +36
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -38
3 : #0c0603 : -36
5 : #150b05 : -34
7 : #1d0f07 : -32
9 : #251308 : -30
11 : #2e170a : -28
13 : #361c0c : -26
15 : #3e200e : -24
17 : #472410 : -22
19 : #4f2812 : -20
21 : #572d14 : -18
23 : #603116 : -16
25 : #683518 : -14
27 : #703919 : -12
29 : #793e1b : -10
31 : #81421d : -8
33 : #89461f : -6
35 : #914a21 : -4
37 : #9a4e23 : -2
39 : #a25325 : ±0
41 : #aa5727 : +2
43 : #b35b29 : +4
45 : #bb5f2a : +6
47 : #c3642c : +8
49 : #cc682e : +10
51 : #d16d33 : +12
53 : #d3733c : +14
55 : #d57944 : +16
57 : #d67f4c : +18
59 : #d88555 : +20
61 : #da8b5d : +22
63 : #dc9165 : +24
65 : #de976e : +26
67 : #e09d76 : +28
69 : #e2a37e : +30
71 : #e4a986 : +32
73 : #e6af8f : +34
75 : #e7b597 : +36
77 : #e9ba9f : +38
79 : #ebc0a8 : +40
81 : #edc6b0 : +42
83 : #efccb8 : +44
85 : #f1d2c1 : +46
87 : #f3d8c9 : +48
89 : #f5ded1 : +50
91 : #f7e4da : +52
93 : #f8eae2 : +54
95 : #faf0ea : +56
97 : #fcf6f3 : +58
99 : #fefcfb : +60
CSS入門、作ってます。
text-shadow