#08775d
RGB
赤 | 8 |
---|---|
緑 | 119 |
青 | 93 |
HSL
色相 | 166° |
---|---|
彩度 | 87% |
明度 | 25% |
輝度 | 32% |
3桁の色
補色
反転色
RGB ( 赤 = 8, 緑 = 119, 青 = 93 )
HSL ( 色相 = 166°, 彩度 = 87%, 明度 = 25% )
H : 色相 ( 166° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #771308 : -160
16 : #772608 : -150
26 : #773808 : -140
36 : #774b08 : -130
46 : #775d08 : -120
56 : #777008 : -110
66 : #6c7708 : -100
76 : #5a7708 : -90
86 : #477708 : -80
96 : #357708 : -70
106 : #227708 : -60
116 : #107708 : -50
126 : #087713 : -40
136 : #087726 : -30
146 : #087738 : -20
156 : #08774b : -10
166 : #08775d : ±0
176 : #087770 : +10
186 : #086c77 : +20
196 : #085a77 : +30
206 : #084777 : +40
216 : #083577 : +50
226 : #082277 : +60
236 : #081077 : +70
246 : #130877 : +80
256 : #260877 : +90
266 : #380877 : +100
276 : #4b0877 : +110
286 : #5d0877 : +120
296 : #700877 : +130
306 : #77086c : +140
316 : #77085a : +150
326 : #770847 : +160
336 : #770835 : +170
346 : #770822 : +180
356 : #770810 : +190
156 : #08774b : -10
157 : #08774d : -9
158 : #08774f : -8
159 : #087750 : -7
160 : #087752 : -6
161 : #087754 : -5
162 : #087756 : -4
163 : #087758 : -3
164 : #08775a : -2
165 : #08775b : -1
166 : #08775d : ±0
167 : #08775f : +1
168 : #087761 : +2
169 : #087763 : +3
170 : #087765 : +4
171 : #087767 : +5
172 : #087768 : +6
173 : #08776a : +7
174 : #08776c : +8
175 : #08776e : +9
176 : #087770 : +10
S : 彩度 ( 87% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3f4040 : -86
3 : #3e4241 : -84
5 : #3d4341 : -82
7 : #3b4442 : -80
9 : #3a4543 : -78
11 : #394743 : -76
13 : #374844 : -74
15 : #364945 : -72
17 : #354b46 : -70
19 : #344c46 : -68
21 : #324d47 : -66
23 : #314e48 : -64
25 : #305048 : -62
27 : #2f5149 : -60
29 : #2d524a : -58
31 : #2c544a : -56
33 : #2b554b : -54
35 : #29564c : -52
37 : #28574c : -50
39 : #27594d : -48
41 : #265a4e : -46
43 : #245b4e : -44
45 : #235c4f : -42
47 : #225e50 : -40
49 : #215f50 : -38
51 : #1f6051 : -36
53 : #1e6252 : -34
55 : #1d6352 : -32
57 : #1b6453 : -30
59 : #1a6554 : -28
61 : #196754 : -26
63 : #186855 : -24
65 : #166956 : -22
67 : #156a57 : -20
69 : #146c57 : -18
71 : #126d58 : -16
73 : #116e59 : -14
75 : #107059 : -12
77 : #0f715a : -10
79 : #0d725b : -8
81 : #0c735b : -6
83 : #0b755c : -4
85 : #0a765d : -2
87 : #08775d : ±0
89 : #07785e : +2
91 : #067a5f : +4
93 : #047b5f : +6
95 : #037c60 : +8
97 : #027e61 : +10
99 : #017f61 : +12
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #000504 : -24
3 : #010e0b : -22
5 : #021813 : -20
7 : #02211a : -18
9 : #032b22 : -16
11 : #043429 : -14
13 : #043e31 : -12
15 : #054838 : -10
17 : #06513f : -8
19 : #065b47 : -6
21 : #07644e : -4
23 : #086e56 : -2
25 : #08775d : ±0
27 : #098165 : +2
29 : #0a8a6c : +4
31 : #0a9474 : +6
33 : #0b9d7b : +8
35 : #0ca783 : +10
37 : #0cb08a : +12
39 : #0dba92 : +14
41 : #0ec499 : +16
43 : #0ecda1 : +18
45 : #0fd7a8 : +20
47 : #10e0af : +22
49 : #10eab7 : +24
51 : #15efbc : +26
53 : #1fefbf : +28
55 : #28f0c1 : +30
57 : #32f1c4 : +32
59 : #3bf1c7 : +34
61 : #45f2ca : +36
63 : #4ff3cc : +38
65 : #58f3cf : +40
67 : #62f4d2 : +42
69 : #6bf5d5 : +44
71 : #75f5d7 : +46
73 : #7ef6da : +48
75 : #88f7dd : +50
77 : #91f7e0 : +52
79 : #9bf8e2 : +54
81 : #a4f9e5 : +56
83 : #aef9e8 : +58
85 : #b7faea : +60
87 : #c1fbed : +62
89 : #cbfbf0 : +64
91 : #d4fcf3 : +66
93 : #defdf5 : +68
95 : #e7fdf8 : +70
97 : #f1fefb : +72
99 : #fafffe : +74
CSS入門、作ってます。
text-shadow