#c3a51d
RGB
赤 | 195 |
---|---|
緑 | 165 |
青 | 29 |
HSL
色相 | 49° |
---|---|
彩度 | 74% |
明度 | 44% |
輝度 | 62% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 195, 緑 = 165, 青 = 29 )
HSL ( 色相 = 49°, 彩度 = 74%, 明度 = 44% )
H : 色相 ( 49° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #c3361d : -40
19 : #c3521d : -30
29 : #c36d1d : -20
39 : #c3891d : -10
49 : #c3a51d : ±0
59 : #c3c01d : +10
69 : #aac31d : +20
79 : #8fc31d : +30
89 : #73c31d : +40
99 : #57c31d : +50
109 : #3cc31d : +60
119 : #20c31d : +70
129 : #1dc336 : +80
139 : #1dc352 : +90
149 : #1dc36d : +100
159 : #1dc389 : +110
169 : #1dc3a5 : +120
179 : #1dc3c0 : +130
189 : #1daac3 : +140
199 : #1d8fc3 : +150
209 : #1d73c3 : +160
219 : #1d57c3 : +170
229 : #1d3cc3 : +180
239 : #1d20c3 : +190
249 : #361dc3 : +200
259 : #521dc3 : +210
269 : #6d1dc3 : +220
279 : #891dc3 : +230
289 : #a51dc3 : +240
299 : #c01dc3 : +250
309 : #c31daa : +260
319 : #c31d8f : +270
329 : #c31d73 : +280
339 : #c31d57 : +290
349 : #c31d3c : +300
359 : #c31d20 : +310
39 : #c3891d : -10
40 : #c38c1d : -9
41 : #c38f1d : -8
42 : #c3911d : -7
43 : #c3941d : -6
44 : #c3971d : -5
45 : #c39a1d : -4
46 : #c39c1d : -3
47 : #c39f1d : -2
48 : #c3a21d : -1
49 : #c3a51d : ±0
50 : #c3a81d : +1
51 : #c3aa1d : +2
52 : #c3ad1d : +3
53 : #c3b01d : +4
54 : #c3b31d : +5
55 : #c3b51d : +6
56 : #c3b81d : +7
57 : #c3bb1d : +8
58 : #c3be1d : +9
59 : #c3c01d : +10
S : 彩度 ( 74% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -74
2 : #72726e : -72
4 : #75736c : -70
6 : #777469 : -68
8 : #797667 : -66
10 : #7b7765 : -64
12 : #7e7963 : -62
14 : #807a60 : -60
16 : #827c5e : -58
18 : #847d5c : -56
20 : #877e5a : -54
22 : #898058 : -52
24 : #8b8155 : -50
26 : #8d8353 : -48
28 : #908451 : -46
30 : #92864f : -44
32 : #94874c : -42
34 : #96884a : -40
36 : #998a48 : -38
38 : #9b8b46 : -36
40 : #9d8d43 : -34
42 : #9f8e41 : -32
44 : #a28f3f : -30
46 : #a4913d : -28
48 : #a6923a : -26
50 : #a89438 : -24
52 : #ab9536 : -22
54 : #ad9734 : -20
56 : #af9831 : -18
58 : #b1992f : -16
60 : #b49b2d : -14
62 : #b69c2b : -12
64 : #b89e28 : -10
66 : #ba9f26 : -8
68 : #bca124 : -6
70 : #bfa222 : -4
72 : #c1a31f : -2
74 : #c3a51d : ±0
76 : #c5a61b : +2
78 : #c8a819 : +4
80 : #caa916 : +6
82 : #ccaa14 : +8
84 : #ceac12 : +10
86 : #d1ad10 : +12
88 : #d3af0d : +14
90 : #d5b00b : +16
92 : #d7b209 : +18
94 : #dab307 : +20
96 : #dcb404 : +22
98 : #deb602 : +24
100 : #e0b700 : +26
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #090701 : -42
4 : #120f03 : -40
6 : #1b1604 : -38
8 : #231e05 : -36
10 : #2c2507 : -34
12 : #352d08 : -32
14 : #3e3409 : -30
16 : #473c0b : -28
18 : #50430c : -26
20 : #594b0d : -24
22 : #62520f : -22
24 : #6a5a10 : -20
26 : #736111 : -18
28 : #7c6913 : -16
30 : #857014 : -14
32 : #8e7815 : -12
34 : #977f17 : -10
36 : #a08718 : -8
38 : #a98e19 : -6
40 : #b1961b : -4
42 : #ba9d1c : -2
44 : #c3a51d : ±0
46 : #ccac1e : +2
48 : #d5b420 : +4
50 : #debb21 : +6
52 : #dfbe2a : +8
54 : #e1c133 : +10
56 : #e2c33c : +12
58 : #e3c645 : +14
60 : #e4c94e : +16
62 : #e6cc56 : +18
64 : #e7ce5f : +20
66 : #e8d168 : +22
68 : #ead471 : +24
70 : #ebd67a : +26
72 : #ecd983 : +28
74 : #eedc8c : +30
76 : #efde95 : +32
78 : #f0e19d : +34
80 : #f2e4a6 : +36
82 : #f3e7af : +38
84 : #f4e9b8 : +40
86 : #f6ecc1 : +42
88 : #f7efca : +44
90 : #f8f1d3 : +46
92 : #faf4dc : +48
94 : #fbf7e4 : +50
96 : #fcfaed : +52
98 : #fefcf6 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow