#c95422
RGB
| 赤 | 201 |
|---|---|
| 緑 | 84 |
| 青 | 34 |
HSL
| 色相 | 18° |
|---|---|
| 彩度 | 71% |
| 明度 | 46% |
| 輝度 | 44% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 201, 緑 = 84, 青 = 34 )
HSL ( 色相 = 18°, 彩度 = 71%, 明度 = 46% )
H : 色相 ( 18° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #c93822 : -10
18 : #c95422 : ±0
28 : #c97022 : +10
38 : #c98c22 : +20
48 : #c9a722 : +30
58 : #c9c322 : +40
68 : #b2c922 : +50
78 : #97c922 : +60
88 : #7bc922 : +70
98 : #5fc922 : +80
108 : #43c922 : +90
118 : #28c922 : +100
128 : #22c938 : +110
138 : #22c954 : +120
148 : #22c970 : +130
158 : #22c98c : +140
168 : #22c9a7 : +150
178 : #22c9c3 : +160
188 : #22b2c9 : +170
198 : #2297c9 : +180
208 : #227bc9 : +190
218 : #225fc9 : +200
228 : #2243c9 : +210
238 : #2228c9 : +220
248 : #3822c9 : +230
258 : #5422c9 : +240
268 : #7022c9 : +250
278 : #8c22c9 : +260
288 : #a722c9 : +270
298 : #c322c9 : +280
308 : #c922b2 : +290
318 : #c92297 : +300
328 : #c9227b : +310
338 : #c9225f : +320
348 : #c92243 : +330
358 : #c92228 : +340
8 : #c93822 : -10
9 : #c93b22 : -9
10 : #c93e22 : -8
11 : #c94122 : -7
12 : #c94322 : -6
13 : #c94622 : -5
14 : #c94922 : -4
15 : #c94c22 : -3
16 : #c94e22 : -2
17 : #c95122 : -1
18 : #c95422 : ±0
19 : #c95722 : +1
20 : #c95a22 : +2
21 : #c95c22 : +3
22 : #c95f22 : +4
23 : #c96222 : +5
24 : #c96522 : +6
25 : #c96722 : +7
26 : #c96a22 : +8
27 : #c96d22 : +9
28 : #c97022 : +10
S : 彩度 ( 71% )
(0%) 渋い ～ 鮮やか (100%)
1 : #767574 : -70
3 : #797472 : -68
5 : #7b736f : -66
7 : #7e726d : -64
9 : #80716b : -62
11 : #827068 : -60
13 : #856f66 : -58
15 : #876e64 : -56
17 : #896d61 : -54
19 : #8c6c5f : -52
21 : #8e6b5d : -50
23 : #906b5a : -48
25 : #936a58 : -46
27 : #956956 : -44
29 : #976853 : -42
31 : #9a6751 : -40
33 : #9c664f : -38
35 : #9e654c : -36
37 : #a1644a : -34
39 : #a36348 : -32
41 : #a56245 : -30
43 : #a86143 : -28
45 : #aa6041 : -26
47 : #ac5f3e : -24
49 : #af5e3c : -22
51 : #b15d39 : -20
53 : #b35c37 : -18
55 : #b65b35 : -16
57 : #b85b32 : -14
59 : #bb5a30 : -12
61 : #bd592e : -10
63 : #bf582b : -8
65 : #c25729 : -6
67 : #c45627 : -4
69 : #c65524 : -2
71 : #c95422 : ±0
73 : #cb5320 : +2
75 : #cd521d : +4
77 : #d0511b : +6
79 : #d25019 : +8
81 : #d44f16 : +10
83 : #d74e14 : +12
85 : #d94d12 : +14
87 : #db4c0f : +16
89 : #de4c0d : +18
91 : #e04b0b : +20
93 : #e24a08 : +22
95 : #e54906 : +24
97 : #e74804 : +26
99 : #e94701 : +28
L : 明度 ( 46% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -46
2 : #090401 : -44
4 : #110703 : -42
6 : #1a0b04 : -40
8 : #230f06 : -38
10 : #2c1207 : -36
12 : #341609 : -34
14 : #3d1a0a : -32
16 : #461d0c : -30
18 : #4e210d : -28
20 : #57250f : -26
22 : #602810 : -24
24 : #692c12 : -22
26 : #712f13 : -20
28 : #7a3315 : -18
30 : #833716 : -16
32 : #8c3a18 : -14
34 : #943e19 : -12
36 : #9d421b : -10
38 : #a6451c : -8
40 : #ae491e : -6
42 : #b74d1f : -4
44 : #c05021 : -2
46 : #c95422 : ±0
48 : #d15823 : +2
50 : #da5b25 : +4
52 : #dc622e : +6
54 : #dd6836 : +8
56 : #de6f3f : +10
58 : #e07548 : +12
60 : #e17c51 : +14
62 : #e38359 : +16
64 : #e48962 : +18
66 : #e6906b : +20
68 : #e79673 : +22
70 : #e99d7c : +24
72 : #eaa385 : +26
74 : #ecaa8e : +28
76 : #edb096 : +30
78 : #efb79f : +32
80 : #f0bea8 : +34
82 : #f2c4b1 : +36
84 : #f3cbb9 : +38
86 : #f5d1c2 : +40
88 : #f6d8cb : +42
90 : #f8ded3 : +44
92 : #f9e5dc : +46
94 : #fbebe5 : +48
96 : #fcf2ee : +50
98 : #fef8f6 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow