#181e90
RGB
赤 | 24 |
---|---|
緑 | 30 |
青 | 144 |
HSL
色相 | 237° |
---|---|
彩度 | 71% |
明度 | 33% |
輝度 | 16% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 24, 緑 = 30, 青 = 144 )
HSL ( 色相 = 237°, 彩度 = 71%, 明度 = 33% )
H : 色相 ( 237° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #902618 : -230
17 : #903a18 : -220
27 : #904e18 : -210
37 : #906218 : -200
47 : #907618 : -190
57 : #908a18 : -180
67 : #829018 : -170
77 : #6e9018 : -160
87 : #5a9018 : -150
97 : #469018 : -140
107 : #329018 : -130
117 : #1e9018 : -120
127 : #189026 : -110
137 : #18903a : -100
147 : #18904e : -90
157 : #189062 : -80
167 : #189076 : -70
177 : #18908a : -60
187 : #188290 : -50
197 : #186e90 : -40
207 : #185a90 : -30
217 : #184690 : -20
227 : #183290 : -10
237 : #181e90 : ±0
247 : #261890 : +10
257 : #3a1890 : +20
267 : #4e1890 : +30
277 : #621890 : +40
287 : #761890 : +50
297 : #8a1890 : +60
307 : #901882 : +70
317 : #90186e : +80
327 : #90185a : +90
337 : #901846 : +100
347 : #901832 : +110
357 : #90181e : +120
227 : #183290 : -10
228 : #183090 : -9
229 : #182e90 : -8
230 : #182c90 : -7
231 : #182a90 : -6
232 : #182890 : -5
233 : #182690 : -4
234 : #182490 : -3
235 : #182290 : -2
236 : #182090 : -1
237 : #181e90 : ±0
238 : #181c90 : +1
239 : #181a90 : +2
240 : #181890 : +3
241 : #1a1890 : +4
242 : #1c1890 : +5
243 : #1e1890 : +6
244 : #201890 : +7
245 : #221890 : +8
246 : #241890 : +9
247 : #261890 : +10
S : 彩度 ( 71% )
(0%) 渋い ~ 鮮やか (100%)
1 : #535355 : -70
3 : #525257 : -68
5 : #505058 : -66
7 : #4e4f5a : -64
9 : #4d4d5c : -62
11 : #4b4c5d : -60
13 : #494a5f : -58
15 : #484961 : -56
17 : #464762 : -54
19 : #444664 : -52
21 : #424466 : -50
23 : #414368 : -48
25 : #3f4169 : -46
27 : #3d406b : -44
29 : #3c3e6d : -42
31 : #3a3d6e : -40
33 : #383b70 : -38
35 : #373a72 : -36
37 : #353873 : -34
39 : #333775 : -32
41 : #323577 : -30
43 : #303478 : -28
45 : #2e327a : -26
47 : #2d317c : -24
49 : #2b2f7d : -22
51 : #292e7f : -20
53 : #282c81 : -18
55 : #262a82 : -16
57 : #242984 : -14
59 : #232786 : -12
61 : #212687 : -10
63 : #1f2489 : -8
65 : #1d238b : -6
67 : #1c218d : -4
69 : #1a208e : -2
71 : #181e90 : ±0
73 : #171d92 : +2
75 : #151b93 : +4
77 : #131a95 : +6
79 : #121897 : +8
81 : #101798 : +10
83 : #0e159a : +12
85 : #0d149c : +14
87 : #0b129d : +16
89 : #09119f : +18
91 : #080fa1 : +20
93 : #060ea2 : +22
95 : #040ca4 : +24
97 : #030ba6 : +26
99 : #0109a7 : +28
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #010104 : -32
3 : #02030d : -30
5 : #040516 : -28
7 : #05061f : -26
9 : #070827 : -24
11 : #080a30 : -22
13 : #0a0c39 : -20
15 : #0b0e41 : -18
17 : #0d104a : -16
19 : #0e1153 : -14
21 : #10135c : -12
23 : #111564 : -10
25 : #12176d : -8
27 : #141976 : -6
29 : #151b7e : -4
31 : #171d87 : -2
33 : #181e90 : ±0
35 : #1a2099 : +2
37 : #1b22a1 : +4
39 : #1d24aa : +6
41 : #1e26b3 : +8
43 : #2028bc : +10
45 : #2129c4 : +12
47 : #232bcd : +14
49 : #242dd6 : +16
51 : #2932db : +18
53 : #323bdc : +20
55 : #3b43de : +22
57 : #434bdf : +24
59 : #4c54e1 : +26
61 : #555ce2 : +28
63 : #5e64e4 : +30
65 : #666de5 : +32
67 : #6f75e7 : +34
69 : #787de8 : +36
71 : #8186ea : +38
73 : #898eeb : +40
75 : #9297ed : +42
77 : #9b9fee : +44
79 : #a3a7ef : +46
81 : #acb0f1 : +48
83 : #b5b8f2 : +50
85 : #bec0f4 : +52
87 : #c6c9f5 : +54
89 : #cfd1f7 : +56
91 : #d8d9f8 : +58
93 : #e0e2fa : +60
95 : #e9eafb : +62
97 : #f2f2fd : +64
99 : #fbfbfe : +66
CSS入門、作ってます。
text-shadow