#025503
RGB
赤 | 2 |
---|---|
緑 | 85 |
青 | 3 |
HSL
色相 | 121° |
---|---|
彩度 | 95% |
明度 | 17% |
輝度 | 20% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 2, 緑 = 85, 青 = 3 )
HSL ( 色相 = 121°, 彩度 = 95%, 明度 = 17% )
H : 色相 ( 121° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #550402 : -120
11 : #551102 : -110
21 : #551f02 : -100
31 : #552d02 : -90
41 : #553a02 : -80
51 : #554802 : -70
61 : #535502 : -60
71 : #455502 : -50
81 : #385502 : -40
91 : #2a5502 : -30
101 : #1c5502 : -20
111 : #0f5502 : -10
121 : #025504 : ±0
131 : #025511 : +10
141 : #02551f : +20
151 : #02552d : +30
161 : #02553a : +40
171 : #025548 : +50
181 : #025355 : +60
191 : #024555 : +70
201 : #023855 : +80
211 : #022a55 : +90
221 : #021c55 : +100
231 : #020f55 : +110
241 : #040255 : +120
251 : #110255 : +130
261 : #1f0255 : +140
271 : #2d0255 : +150
281 : #3a0255 : +160
291 : #480255 : +170
301 : #550253 : +180
311 : #550245 : +190
321 : #550238 : +200
331 : #55022a : +210
341 : #55021c : +220
351 : #55020f : +230
111 : #0f5502 : -10
112 : #0d5502 : -9
113 : #0c5502 : -8
114 : #0a5502 : -7
115 : #095502 : -6
116 : #085502 : -5
117 : #065502 : -4
118 : #055502 : -3
119 : #045502 : -2
120 : #025502 : -1
121 : #025504 : ±0
122 : #025505 : +1
123 : #025506 : +2
124 : #025508 : +3
125 : #025509 : +4
126 : #02550a : +5
127 : #02550c : +6
128 : #02550d : +7
129 : #02550f : +8
130 : #025510 : +9
131 : #025511 : +10
S : 彩度 ( 95% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2b2c2b : -94
3 : #2a2d2a : -92
5 : #292e29 : -90
7 : #282e28 : -88
9 : #272f28 : -86
11 : #273027 : -84
13 : #263126 : -82
15 : #253225 : -80
17 : #243324 : -78
19 : #233423 : -76
21 : #223423 : -74
23 : #213522 : -72
25 : #213621 : -70
27 : #203720 : -68
29 : #1f381f : -66
31 : #1e391e : -64
33 : #1d3a1e : -62
35 : #1c3b1d : -60
37 : #1b3b1c : -58
39 : #1a3c1b : -56
41 : #1a3d1a : -54
43 : #193e19 : -52
45 : #183f18 : -50
47 : #174018 : -48
49 : #164117 : -46
51 : #154116 : -44
53 : #144215 : -42
55 : #144314 : -40
57 : #134413 : -38
59 : #124513 : -36
61 : #114612 : -34
63 : #104711 : -32
65 : #0f4810 : -30
67 : #0e480f : -28
69 : #0d490e : -26
71 : #0d4a0e : -24
73 : #0c4b0d : -22
75 : #0b4c0c : -20
77 : #0a4d0b : -18
79 : #094e0a : -16
81 : #084e09 : -14
83 : #074f09 : -12
85 : #075008 : -10
87 : #065107 : -8
89 : #055206 : -6
91 : #045305 : -4
93 : #035404 : -2
95 : #025504 : ±0
97 : #015503 : +2
99 : #005602 : +4
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #000500 : -16
3 : #000f01 : -14
5 : #011901 : -12
7 : #012301 : -10
9 : #012d02 : -8
11 : #013702 : -6
13 : #024103 : -4
15 : #024b03 : -2
17 : #025504 : ±0
19 : #025e04 : +2
21 : #036804 : +4
23 : #037205 : +6
25 : #037c05 : +8
27 : #038606 : +10
29 : #049006 : +12
31 : #049a06 : +14
33 : #04a407 : +16
35 : #04ae07 : +18
37 : #05b808 : +20
39 : #05c208 : +22
41 : #05cc09 : +24
43 : #05d609 : +26
45 : #06e009 : +28
47 : #06ea0a : +30
49 : #06f40a : +32
51 : #0bf90f : +34
53 : #15f919 : +36
55 : #1ff923 : +38
57 : #29fa2d : +40
59 : #33fa36 : +42
61 : #3dfa40 : +44
63 : #47fa4a : +46
65 : #51fb54 : +48
67 : #5bfb5e : +50
69 : #65fb67 : +52
71 : #6ffb71 : +54
73 : #79fc7b : +56
75 : #83fc85 : +58
77 : #8dfc8e : +60
79 : #97fc98 : +62
81 : #a1fda2 : +64
83 : #aafdac : +66
85 : #b4fdb6 : +68
87 : #befdbf : +70
89 : #c8fec9 : +72
91 : #d2fed3 : +74
93 : #dcfedd : +76
95 : #e6fee7 : +78
97 : #f0fff0 : +80
99 : #fafffa : +82
CSS入門、作ってます。
text-shadow