#548703
RGB
赤 | 84 |
---|---|
緑 | 135 |
青 | 3 |
HSL
色相 | 83° |
---|---|
彩度 | 96% |
明度 | 27% |
輝度 | 41% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 84, 緑 = 135, 青 = 3 )
HSL ( 色相 = 83°, 彩度 = 96%, 明度 = 27% )
H : 色相 ( 83° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #870903 : -80
13 : #871f03 : -70
23 : #873503 : -60
33 : #874b03 : -50
43 : #876103 : -40
53 : #877803 : -30
63 : #808703 : -20
73 : #6a8703 : -10
83 : #548703 : ±0
93 : #3e8703 : +10
103 : #288703 : +20
113 : #128703 : +30
123 : #038709 : +40
133 : #03871f : +50
143 : #038735 : +60
153 : #03874b : +70
163 : #038761 : +80
173 : #038778 : +90
183 : #038087 : +100
193 : #036a87 : +110
203 : #035487 : +120
213 : #033e87 : +130
223 : #032887 : +140
233 : #031287 : +150
243 : #090387 : +160
253 : #1f0387 : +170
263 : #350387 : +180
273 : #4b0387 : +190
283 : #610387 : +200
293 : #780387 : +210
303 : #870380 : +220
313 : #87036a : +230
323 : #870354 : +240
333 : #87033e : +250
343 : #870328 : +260
353 : #870312 : +270
73 : #6a8703 : -10
74 : #688703 : -9
75 : #668703 : -8
76 : #648703 : -7
77 : #618703 : -6
78 : #5f8703 : -5
79 : #5d8703 : -4
80 : #5b8703 : -3
81 : #598703 : -2
82 : #568703 : -1
83 : #548703 : ±0
84 : #528703 : +1
85 : #508703 : +2
86 : #4e8703 : +3
87 : #4b8703 : +4
88 : #498703 : +5
89 : #478703 : +6
90 : #458703 : +7
91 : #438703 : +8
92 : #408703 : +9
93 : #3e8703 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #444444 : -96
2 : #454643 : -94
4 : #454842 : -92
6 : #464941 : -90
8 : #464a3f : -88
10 : #464c3e : -86
12 : #474d3d : -84
14 : #474e3b : -82
16 : #47503a : -80
18 : #485138 : -78
20 : #485337 : -76
22 : #485436 : -74
24 : #495534 : -72
26 : #495733 : -70
28 : #495832 : -68
30 : #4a5a30 : -66
32 : #4a5b2f : -64
34 : #4a5c2d : -62
36 : #4b5e2c : -60
38 : #4b5f2b : -58
40 : #4b6029 : -56
42 : #4c6228 : -54
44 : #4c6327 : -52
46 : #4c6525 : -50
48 : #4d6624 : -48
50 : #4d6722 : -46
52 : #4d6921 : -44
54 : #4e6a20 : -42
56 : #4e6b1e : -40
58 : #4e6d1d : -38
60 : #4e6e1c : -36
62 : #4f701a : -34
64 : #4f7119 : -32
66 : #4f7217 : -30
68 : #507416 : -28
70 : #507515 : -26
72 : #507613 : -24
74 : #517812 : -22
76 : #517911 : -20
78 : #517b0f : -18
80 : #527c0e : -16
82 : #527d0c : -14
84 : #527f0b : -12
86 : #53800a : -10
88 : #538108 : -8
90 : #538307 : -6
92 : #548406 : -4
94 : #548604 : -2
96 : #548703 : ±0
98 : #558801 : +2
100 : #558a00 : +4
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #030500 : -26
3 : #090f00 : -24
5 : #101901 : -22
7 : #162301 : -20
9 : #1c2d01 : -18
11 : #223701 : -16
13 : #294101 : -14
15 : #2f4b02 : -12
17 : #355502 : -10
19 : #3b5f02 : -8
21 : #426902 : -6
23 : #487302 : -4
25 : #4e7d03 : -2
27 : #548703 : ±0
29 : #5b9103 : +2
31 : #619b03 : +4
33 : #67a503 : +6
35 : #6daf04 : +8
37 : #73b904 : +10
39 : #7ac304 : +12
41 : #80cd04 : +14
43 : #86d704 : +16
45 : #8ce105 : +18
47 : #93eb05 : +20
49 : #99f505 : +22
51 : #9efa0a : +24
53 : #a2fa14 : +26
55 : #a6fa1e : +28
57 : #aafb28 : +30
59 : #aefb32 : +32
61 : #b2fb3c : +34
63 : #b6fb46 : +36
65 : #bafb50 : +38
67 : #befc5a : +40
69 : #c2fc64 : +42
71 : #c6fc6e : +44
73 : #cafc78 : +46
75 : #cefc82 : +48
77 : #d1fd8c : +50
79 : #d5fd96 : +52
81 : #d9fda0 : +54
83 : #ddfdaa : +56
85 : #e1fdb4 : +58
87 : #e5febe : +60
89 : #e9fec8 : +62
91 : #edfed2 : +64
93 : #f1fedc : +66
95 : #f5fee6 : +68
97 : #f9fff0 : +70
99 : #fdfffa : +72
CSS入門、作ってます。
text-shadow