#215a54
RGB
赤 | 33 |
---|---|
緑 | 90 |
青 | 84 |
HSL
色相 | 174° |
---|---|
彩度 | 46% |
明度 | 24% |
輝度 | 28% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 33, 緑 = 90, 青 = 84 )
HSL ( 色相 = 174°, 彩度 = 46%, 明度 = 24% )
H : 色相 ( 174° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #592521 : -170
14 : #592e21 : -160
24 : #593821 : -150
34 : #594121 : -140
44 : #594a21 : -130
54 : #595421 : -120
64 : #565921 : -110
74 : #4c5921 : -100
84 : #435921 : -90
94 : #395921 : -80
104 : #305921 : -70
114 : #275921 : -60
124 : #215925 : -50
134 : #21592e : -40
144 : #215938 : -30
154 : #215941 : -20
164 : #21594a : -10
174 : #215954 : ±0
184 : #215659 : +10
194 : #214c59 : +20
204 : #214359 : +30
214 : #213959 : +40
224 : #213059 : +50
234 : #212759 : +60
244 : #252159 : +70
254 : #2e2159 : +80
264 : #382159 : +90
274 : #412159 : +100
284 : #4a2159 : +110
294 : #542159 : +120
304 : #592156 : +130
314 : #59214c : +140
324 : #592143 : +150
334 : #592139 : +160
344 : #592130 : +170
354 : #592127 : +180
164 : #21594a : -10
165 : #21594b : -9
166 : #21594c : -8
167 : #21594d : -7
168 : #21594e : -6
169 : #21594f : -5
170 : #215950 : -4
171 : #215951 : -3
172 : #215952 : -2
173 : #215953 : -1
174 : #215954 : ±0
175 : #215955 : +1
176 : #215956 : +2
177 : #215957 : +3
178 : #215957 : +4
179 : #215958 : +5
180 : #215959 : +6
181 : #215859 : +7
182 : #215759 : +8
183 : #215759 : +9
184 : #215659 : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -46
2 : #3c3e3e : -44
4 : #3b403f : -42
6 : #3a4140 : -40
8 : #384241 : -38
10 : #374342 : -36
12 : #364543 : -34
14 : #354644 : -32
16 : #334745 : -30
18 : #324846 : -28
20 : #314947 : -26
22 : #304b48 : -24
24 : #2f4c49 : -22
26 : #2d4d4a : -20
28 : #2c4e4b : -18
30 : #2b504c : -16
32 : #2a514d : -14
34 : #28524e : -12
36 : #27534f : -10
38 : #265450 : -8
40 : #255651 : -6
42 : #235752 : -4
44 : #225853 : -2
46 : #215954 : ±0
48 : #205b55 : +2
50 : #1f5c56 : +4
52 : #1d5d57 : +6
54 : #1c5e58 : +8
56 : #1b5f59 : +10
58 : #1a615a : +12
60 : #18625b : +14
62 : #17635c : +16
64 : #16645d : +18
66 : #15665e : +20
68 : #14675e : +22
70 : #12685f : +24
72 : #116960 : +26
74 : #106a61 : +28
76 : #0f6c62 : +30
78 : #0d6d63 : +32
80 : #0c6e64 : +34
82 : #0b6f65 : +36
84 : #0a7166 : +38
86 : #097267 : +40
88 : #077368 : +42
90 : #067469 : +44
92 : #05766a : +46
94 : #04776b : +48
96 : #02786c : +50
98 : #01796d : +52
100 : #007a6e : +54
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #030707 : -22
4 : #060f0e : -20
6 : #081615 : -18
8 : #0b1e1c : -16
10 : #0e2523 : -14
12 : #112d2a : -12
14 : #133431 : -10
16 : #163c38 : -8
18 : #19433f : -6
20 : #1c4a46 : -4
22 : #1e524d : -2
24 : #215954 : ±0
26 : #24615b : +2
28 : #276862 : +4
30 : #297069 : +6
32 : #2c7770 : +8
34 : #2f7f77 : +10
36 : #32867e : +12
38 : #348d85 : +14
40 : #37958c : +16
42 : #3a9c93 : +18
44 : #3da499 : +20
46 : #3faba0 : +22
48 : #42b3a7 : +24
50 : #45baae : +26
52 : #4cbdb2 : +28
54 : #54c0b5 : +30
56 : #5bc2b8 : +32
58 : #63c5bb : +34
60 : #6ac8bf : +36
62 : #72cbc2 : +38
64 : #79cdc5 : +40
66 : #80d0c8 : +42
68 : #88d3cb : +44
70 : #8fd6cf : +46
72 : #97d8d2 : +48
74 : #9edbd5 : +50
76 : #a6ded8 : +52
78 : #ade1dc : +54
80 : #b5e3df : +56
82 : #bce6e2 : +58
84 : #c3e9e5 : +60
86 : #cbece8 : +62
88 : #d2eeec : +64
90 : #daf1ef : +66
92 : #e1f4f2 : +68
94 : #e9f7f5 : +70
96 : #f0f9f9 : +72
98 : #f8fcfc : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow