#a93b23
RGB
赤 | 169 |
---|---|
緑 | 59 |
青 | 35 |
HSL
色相 | 11° |
---|---|
彩度 | 66% |
明度 | 40% |
輝度 | 35% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 169, 緑 = 59, 青 = 35 )
HSL ( 色相 = 11°, 彩度 = 66%, 明度 = 40% )
H : 色相 ( 11° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #a92523 : -10
11 : #a93b23 : ±0
21 : #a95223 : +10
31 : #a96823 : +20
41 : #a97f23 : +30
51 : #a99523 : +40
61 : #a7a923 : +50
71 : #91a923 : +60
81 : #7aa923 : +70
91 : #64a923 : +80
101 : #4da923 : +90
111 : #37a923 : +100
121 : #23a925 : +110
131 : #23a93b : +120
141 : #23a952 : +130
151 : #23a968 : +140
161 : #23a97f : +150
171 : #23a995 : +160
181 : #23a7a9 : +170
191 : #2391a9 : +180
201 : #237aa9 : +190
211 : #2364a9 : +200
221 : #234da9 : +210
231 : #2337a9 : +220
241 : #2523a9 : +230
251 : #3b23a9 : +240
261 : #5223a9 : +250
271 : #6823a9 : +260
281 : #7f23a9 : +270
291 : #9523a9 : +280
301 : #a923a7 : +290
311 : #a92391 : +300
321 : #a9237a : +310
331 : #a92364 : +320
341 : #a9234d : +330
351 : #a92337 : +340
1 : #a92523 : -10
2 : #a92723 : -9
3 : #a92923 : -8
4 : #a92c23 : -7
5 : #a92e23 : -6
6 : #a93023 : -5
7 : #a93223 : -4
8 : #a93523 : -3
9 : #a93723 : -2
10 : #a93923 : -1
11 : #a93b23 : ±0
12 : #a93e23 : +1
13 : #a94023 : +2
14 : #a94223 : +3
15 : #a94423 : +4
16 : #a94723 : +5
17 : #a94923 : +6
18 : #a94b23 : +7
19 : #a94d23 : +8
20 : #a95023 : +9
21 : #a95223 : +10
S : 彩度 ( 66% )
(0%) 渋い ~ 鮮やか (100%)
0 : #666666 : -66
2 : #686564 : -64
4 : #6a6362 : -62
6 : #6c6260 : -60
8 : #6e615e : -58
10 : #70605c : -56
12 : #725e5a : -54
14 : #745d58 : -52
16 : #765c56 : -50
18 : #785a54 : -48
20 : #7a5952 : -46
22 : #7c5850 : -44
24 : #7e564e : -42
26 : #81554b : -40
28 : #835449 : -38
30 : #855347 : -36
32 : #875145 : -34
34 : #895043 : -32
36 : #8b4f41 : -30
38 : #8d4d3f : -28
40 : #8f4c3d : -26
42 : #914b3b : -24
44 : #934a39 : -22
46 : #954837 : -20
48 : #974735 : -18
50 : #994633 : -16
52 : #9b4431 : -14
54 : #9d432f : -12
56 : #9f422d : -10
58 : #a1412b : -8
60 : #a33f29 : -6
62 : #a53e27 : -4
64 : #a73d25 : -2
66 : #a93b23 : ±0
68 : #ab3a21 : +2
70 : #ad391f : +4
72 : #af371d : +6
74 : #b1361b : +8
76 : #b43518 : +10
78 : #b63416 : +12
80 : #b83214 : +14
82 : #ba3112 : +16
84 : #bc3010 : +18
86 : #be2e0e : +20
88 : #c02d0c : +22
90 : #c22c0a : +24
92 : #c42b08 : +26
94 : #c62906 : +28
96 : #c82804 : +30
98 : #ca2702 : +32
100 : #cc2500 : +34
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #080302 : -38
4 : #110603 : -36
6 : #190905 : -34
8 : #220c07 : -32
10 : #2a0f09 : -30
12 : #33120a : -28
14 : #3b150c : -26
16 : #44180e : -24
18 : #4c1b10 : -22
20 : #551e11 : -20
22 : #5d2113 : -18
24 : #662415 : -16
26 : #6e2717 : -14
28 : #772a18 : -12
30 : #7f2d1a : -10
32 : #872f1c : -8
34 : #90321d : -6
36 : #98351f : -4
38 : #a13821 : -2
40 : #a93b23 : ±0
42 : #b23e24 : +2
44 : #ba4126 : +4
46 : #c34428 : +6
48 : #cb472a : +8
50 : #d44a2b : +10
52 : #d55134 : +12
54 : #d7593c : +14
56 : #d96045 : +16
58 : #db674d : +18
60 : #dc6e56 : +20
62 : #de765e : +22
64 : #e07d67 : +24
66 : #e2846f : +26
68 : #e38b78 : +28
70 : #e59380 : +30
72 : #e79a88 : +32
74 : #e8a191 : +34
76 : #eaa899 : +36
78 : #ecafa2 : +38
80 : #eeb7aa : +40
82 : #efbeb3 : +42
84 : #f1c5bb : +44
86 : #f3ccc4 : +46
88 : #f5d4cc : +48
90 : #f6dbd5 : +50
92 : #f8e2dd : +52
94 : #fae9e6 : +54
96 : #fcf1ee : +56
98 : #fdf8f7 : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow