#057618
RGB
赤 | 5 |
---|---|
緑 | 118 |
青 | 24 |
HSL
色相 | 130° |
---|---|
彩度 | 92% |
明度 | 24% |
輝度 | 29% |
3桁の色
補色
反転色
RGB ( 赤 = 5, 緑 = 118, 青 = 24 )
HSL ( 色相 = 130°, 彩度 = 92%, 明度 = 24% )
H : 色相 ( 130° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #760505 : -130
10 : #761805 : -120
20 : #762a05 : -110
30 : #763d05 : -100
40 : #765005 : -90
50 : #766305 : -80
60 : #767605 : -70
70 : #637605 : -60
80 : #507605 : -50
90 : #3d7605 : -40
100 : #2a7605 : -30
110 : #187605 : -20
120 : #057605 : -10
130 : #057618 : ±0
140 : #05762a : +10
150 : #05763d : +20
160 : #057650 : +30
170 : #057663 : +40
180 : #057676 : +50
190 : #056376 : +60
200 : #055076 : +70
210 : #053d76 : +80
220 : #052a76 : +90
230 : #051876 : +100
240 : #050576 : +110
250 : #180576 : +120
260 : #2a0576 : +130
270 : #3d0576 : +140
280 : #500576 : +150
290 : #630576 : +160
300 : #760576 : +170
310 : #760563 : +180
320 : #760550 : +190
330 : #76053d : +200
340 : #76052a : +210
350 : #760518 : +220
120 : #057605 : -10
121 : #057607 : -9
122 : #057609 : -8
123 : #05760b : -7
124 : #05760c : -6
125 : #05760e : -5
126 : #057610 : -4
127 : #057612 : -3
128 : #057614 : -2
129 : #057616 : -1
130 : #057618 : ±0
131 : #05761a : +1
132 : #05761b : +2
133 : #05761d : +3
134 : #05761f : +4
135 : #057621 : +5
136 : #057623 : +6
137 : #057625 : +7
138 : #057627 : +8
139 : #057629 : +9
140 : #05762a : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -92
2 : #3c3e3c : -90
4 : #3b403c : -88
6 : #3a413b : -86
8 : #38423a : -84
10 : #374339 : -82
12 : #364538 : -80
14 : #354637 : -78
16 : #334737 : -76
18 : #324836 : -74
20 : #314935 : -72
22 : #304b34 : -70
24 : #2f4c33 : -68
26 : #2d4d33 : -66
28 : #2c4e32 : -64
30 : #2b5031 : -62
32 : #2a5130 : -60
34 : #28522f : -58
36 : #27532f : -56
38 : #26542e : -54
40 : #25562d : -52
42 : #23572c : -50
44 : #22582b : -48
46 : #21592a : -46
48 : #205b2a : -44
50 : #1f5c29 : -42
52 : #1d5d28 : -40
54 : #1c5e27 : -38
56 : #1b5f26 : -36
58 : #1a6126 : -34
60 : #186225 : -32
62 : #176324 : -30
64 : #166423 : -28
66 : #156622 : -26
68 : #146721 : -24
70 : #126821 : -22
72 : #116920 : -20
74 : #106a1f : -18
76 : #0f6c1e : -16
78 : #0d6d1d : -14
80 : #0c6e1d : -12
82 : #0b6f1c : -10
84 : #0a711b : -8
86 : #09721a : -6
88 : #077319 : -4
90 : #067418 : -2
92 : #057618 : ±0
94 : #047717 : +2
96 : #027816 : +4
98 : #017915 : +6
100 : #007a14 : +8
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #000a02 : -22
4 : #011404 : -20
6 : #011d06 : -18
8 : #022708 : -16
10 : #02310a : -14
12 : #023b0c : -12
14 : #03450e : -10
16 : #034e10 : -8
18 : #045812 : -6
20 : #046214 : -4
22 : #046c16 : -2
24 : #057618 : ±0
26 : #057f1a : +2
28 : #06891c : +4
30 : #06931e : +6
32 : #079d20 : +8
34 : #07a622 : +10
36 : #07b023 : +12
38 : #08ba25 : +14
40 : #08c427 : +16
42 : #09ce29 : +18
44 : #09d72b : +20
46 : #09e12d : +22
48 : #0aeb2f : +24
50 : #0af531 : +26
52 : #14f53a : +28
54 : #1ef642 : +30
56 : #28f64a : +32
58 : #31f652 : +34
60 : #3bf75a : +36
62 : #45f763 : +38
64 : #4ff86b : +40
66 : #59f873 : +42
68 : #62f87b : +44
70 : #6cf984 : +46
72 : #76f98c : +48
74 : #80fa94 : +50
76 : #89fa9c : +52
78 : #93fba4 : +54
80 : #9dfbad : +56
82 : #a7fbb5 : +58
84 : #b1fcbd : +60
86 : #bafcc5 : +62
88 : #c4fdce : +64
90 : #cefdd6 : +66
92 : #d8fdde : +68
94 : #e2fee6 : +70
96 : #ebfeef : +72
98 : #f5fff7 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow