#5c5a00
RGB
赤 | 92 |
---|---|
緑 | 90 |
青 | 0 |
HSL
色相 | 59° |
---|---|
彩度 | 100% |
明度 | 18% |
輝度 | 32% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 92, 緑 = 90, 青 = 0 )
HSL ( 色相 = 59°, 彩度 = 100%, 明度 = 18% )
H : 色相 ( 59° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #5c0e00 : -50
19 : #5c1d00 : -40
29 : #5c2c00 : -30
39 : #5c3c00 : -20
49 : #5c4b00 : -10
59 : #5c5a00 : ±0
69 : #4e5c00 : +10
79 : #3f5c00 : +20
89 : #2f5c00 : +30
99 : #205c00 : +40
109 : #115c00 : +50
119 : #025c00 : +60
129 : #005c0e : +70
139 : #005c1d : +80
149 : #005c2c : +90
159 : #005c3c : +100
169 : #005c4b : +110
179 : #005c5a : +120
189 : #004e5c : +130
199 : #003f5c : +140
209 : #002f5c : +150
219 : #00205c : +160
229 : #00115c : +170
239 : #00025c : +180
249 : #0e005c : +190
259 : #1d005c : +200
269 : #2c005c : +210
279 : #3c005c : +220
289 : #4b005c : +230
299 : #5a005c : +240
309 : #5c004e : +250
319 : #5c003f : +260
329 : #5c002f : +270
339 : #5c0020 : +280
349 : #5c0011 : +290
359 : #5c0002 : +300
49 : #5c4b00 : -10
50 : #5c4d00 : -9
51 : #5c4e00 : -8
52 : #5c5000 : -7
53 : #5c5100 : -6
54 : #5c5300 : -5
55 : #5c5400 : -4
56 : #5c5600 : -3
57 : #5c5700 : -2
58 : #5c5900 : -1
59 : #5c5a00 : ±0
60 : #5c5c00 : +1
61 : #5a5c00 : +2
62 : #595c00 : +3
63 : #575c00 : +4
64 : #565c00 : +5
65 : #545c00 : +6
66 : #535c00 : +7
67 : #515c00 : +8
68 : #505c00 : +9
69 : #4e5c00 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -100
2 : #2f2f2d : -98
4 : #30302c : -96
6 : #31312b : -94
8 : #32312a : -92
10 : #323229 : -90
12 : #333328 : -88
14 : #343427 : -86
16 : #353527 : -84
18 : #363626 : -82
20 : #373725 : -80
22 : #383824 : -78
24 : #393923 : -76
26 : #3a3922 : -74
28 : #3b3a21 : -72
30 : #3c3b20 : -70
32 : #3d3c1f : -68
34 : #3e3d1e : -66
36 : #3e3e1d : -64
38 : #3f3f1c : -62
40 : #40401c : -60
42 : #41411b : -58
44 : #42411a : -56
46 : #434219 : -54
48 : #444318 : -52
50 : #454417 : -50
52 : #464516 : -48
54 : #474615 : -46
56 : #484714 : -44
58 : #494813 : -42
60 : #494912 : -40
62 : #4a4911 : -38
64 : #4b4a11 : -36
66 : #4c4b10 : -34
68 : #4d4c0f : -32
70 : #4e4d0e : -30
72 : #4f4e0d : -28
74 : #504f0c : -26
76 : #51500b : -24
78 : #52510a : -22
80 : #535109 : -20
82 : #545208 : -18
84 : #545307 : -16
86 : #555406 : -14
88 : #565506 : -12
90 : #575605 : -10
92 : #585704 : -8
94 : #595803 : -6
96 : #5a5802 : -4
98 : #5b5901 : -2
100 : #5c5a00 : ±0
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #0a0a00 : -16
4 : #141400 : -14
6 : #1f1e00 : -12
8 : #292800 : -10
10 : #333200 : -8
12 : #3d3c00 : -6
14 : #474600 : -4
16 : #525000 : -2
18 : #5c5a00 : ±0
20 : #666400 : +2
22 : #706e00 : +4
24 : #7a7800 : +6
26 : #858200 : +8
28 : #8f8c00 : +10
30 : #999600 : +12
32 : #a3a000 : +14
34 : #adab00 : +16
36 : #b8b500 : +18
38 : #c2bf00 : +20
40 : #ccc900 : +22
42 : #d6d300 : +24
44 : #e0dd00 : +26
46 : #ebe700 : +28
48 : #f5f100 : +30
50 : #fffb00 : +32
52 : #fffb0a : +34
54 : #fffb14 : +36
56 : #fffb1f : +38
58 : #fffb29 : +40
60 : #fffc33 : +42
62 : #fffc3d : +44
64 : #fffc47 : +46
66 : #fffc52 : +48
68 : #fffc5c : +50
70 : #fffc66 : +52
72 : #fffd70 : +54
74 : #fffd7a : +56
76 : #fffd85 : +58
78 : #fffd8f : +60
80 : #fffd99 : +62
82 : #fffda3 : +64
84 : #fffead : +66
86 : #fffeb8 : +68
88 : #fffec2 : +70
90 : #fffecc : +72
92 : #fffed6 : +74
94 : #fffee0 : +76
96 : #ffffeb : +78
98 : #fffff5 : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow