#544c03
RGB
赤 | 84 |
---|---|
緑 | 76 |
青 | 3 |
HSL
色相 | 54° |
---|---|
彩度 | 93% |
明度 | 17% |
輝度 | 27% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 84, 緑 = 76, 青 = 3 )
HSL ( 色相 = 54°, 彩度 = 93%, 明度 = 17% )
H : 色相 ( 54° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #540803 : -50
14 : #541603 : -40
24 : #542303 : -30
34 : #543103 : -20
44 : #543e03 : -10
54 : #544c03 : ±0
64 : #4e5403 : +10
74 : #415403 : +20
84 : #335403 : +30
94 : #265403 : +40
104 : #195403 : +50
114 : #0b5403 : +60
124 : #035408 : +70
134 : #035416 : +80
144 : #035423 : +90
154 : #035431 : +100
164 : #03543e : +110
174 : #03544c : +120
184 : #034e54 : +130
194 : #034154 : +140
204 : #033354 : +150
214 : #032654 : +160
224 : #031954 : +170
234 : #030b54 : +180
244 : #080354 : +190
254 : #160354 : +200
264 : #230354 : +210
274 : #310354 : +220
284 : #3e0354 : +230
294 : #4c0354 : +240
304 : #54034e : +250
314 : #540341 : +260
324 : #540333 : +270
334 : #540326 : +280
344 : #540319 : +290
354 : #54030b : +300
44 : #543e03 : -10
45 : #544003 : -9
46 : #544103 : -8
47 : #544203 : -7
48 : #544403 : -6
49 : #544503 : -5
50 : #544603 : -4
51 : #544803 : -3
52 : #544903 : -2
53 : #544a03 : -1
54 : #544c03 : ±0
55 : #544d03 : +1
56 : #544e03 : +2
57 : #545003 : +3
58 : #545103 : +4
59 : #545203 : +5
60 : #545403 : +6
61 : #525403 : +7
62 : #515403 : +8
63 : #505403 : +9
64 : #4e5403 : +10
S : 彩度 ( 93% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2c2c2b : -92
3 : #2d2c2a : -90
5 : #2e2d29 : -88
7 : #2e2e28 : -86
9 : #2f2e27 : -84
11 : #302f27 : -82
13 : #313026 : -80
15 : #323125 : -78
17 : #333124 : -76
19 : #343223 : -74
21 : #343322 : -72
23 : #353321 : -70
25 : #363421 : -68
27 : #373520 : -66
29 : #38351f : -64
31 : #39361e : -62
33 : #3a371d : -60
35 : #3b371c : -58
37 : #3b381b : -56
39 : #3c391a : -54
41 : #3d3a1a : -52
43 : #3e3a19 : -50
45 : #3f3b18 : -48
47 : #403c17 : -46
49 : #413c16 : -44
51 : #413d15 : -42
53 : #423e14 : -40
55 : #433e14 : -38
57 : #443f13 : -36
59 : #454012 : -34
61 : #464111 : -32
63 : #474110 : -30
65 : #48420f : -28
67 : #48430e : -26
69 : #49430d : -24
71 : #4a440d : -22
73 : #4b450c : -20
75 : #4c450b : -18
77 : #4d460a : -16
79 : #4e4709 : -14
81 : #4e4708 : -12
83 : #4f4807 : -10
85 : #504907 : -8
87 : #514a06 : -6
89 : #524a05 : -4
91 : #534b04 : -2
93 : #544c03 : ±0
95 : #554c02 : +2
97 : #554d01 : +4
99 : #564e00 : +6
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #050400 : -16
3 : #0f0d01 : -14
5 : #191601 : -12
7 : #221f01 : -10
9 : #2c2802 : -8
11 : #363102 : -6
13 : #403a02 : -4
15 : #4a4303 : -2
17 : #544c03 : ±0
19 : #5e5403 : +2
21 : #675d04 : +4
23 : #716604 : +6
25 : #7b6f04 : +8
27 : #857805 : +10
29 : #8f8105 : +12
31 : #998a06 : +14
33 : #a29306 : +16
35 : #ac9c06 : +18
37 : #b6a507 : +20
39 : #c0ad07 : +22
41 : #cab607 : +24
43 : #d4bf08 : +26
45 : #ddc808 : +28
47 : #e7d108 : +30
49 : #f1da09 : +32
51 : #f6df0e : +34
53 : #f7e018 : +36
55 : #f7e222 : +38
57 : #f7e32b : +40
59 : #f8e435 : +42
61 : #f8e63f : +44
63 : #f8e749 : +46
65 : #f9e853 : +48
67 : #f9e95d : +50
69 : #f9eb66 : +52
71 : #faec70 : +54
73 : #faed7a : +56
75 : #fbef84 : +58
77 : #fbf08e : +60
79 : #fbf198 : +62
81 : #fcf3a1 : +64
83 : #fcf4ab : +66
85 : #fcf5b5 : +68
87 : #fdf7bf : +70
89 : #fdf8c9 : +72
91 : #fdf9d3 : +74
93 : #fefadd : +76
95 : #fefce6 : +78
97 : #fefdf0 : +80
99 : #fffefa : +82
CSS入門、作ってます。
text-shadow