#76ea80
RGB
赤 | 118 |
---|---|
緑 | 234 |
青 | 128 |
HSL
色相 | 125° |
---|---|
彩度 | 73% |
明度 | 69% |
輝度 | 73% |
3桁の色
補色
反転色
RGB ( 赤 = 118, 緑 = 234, 青 = 128 )
HSL ( 色相 = 125°, 彩度 = 73%, 明度 = 69% )
H : 色相 ( 125° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #ea8076 : -120
15 : #ea9376 : -110
25 : #eaa676 : -100
35 : #eaba76 : -90
45 : #eacd76 : -80
55 : #eae076 : -70
65 : #e0ea76 : -60
75 : #cdea76 : -50
85 : #baea76 : -40
95 : #a6ea76 : -30
105 : #93ea76 : -20
115 : #80ea76 : -10
125 : #76ea80 : ±0
135 : #76ea93 : +10
145 : #76eaa6 : +20
155 : #76eaba : +30
165 : #76eacd : +40
175 : #76eae0 : +50
185 : #76e0ea : +60
195 : #76cdea : +70
205 : #76baea : +80
215 : #76a6ea : +90
225 : #7693ea : +100
235 : #7680ea : +110
245 : #8076ea : +120
255 : #9376ea : +130
265 : #a676ea : +140
275 : #ba76ea : +150
285 : #cd76ea : +160
295 : #e076ea : +170
305 : #ea76e0 : +180
315 : #ea76cd : +190
325 : #ea76ba : +200
335 : #ea76a6 : +210
345 : #ea7693 : +220
355 : #ea7680 : +230
115 : #80ea76 : -10
116 : #7eea76 : -9
117 : #7cea76 : -8
118 : #7aea76 : -7
119 : #78ea76 : -6
120 : #76ea76 : -5
121 : #76ea78 : -4
122 : #76ea7a : -3
123 : #76ea7c : -2
124 : #76ea7e : -1
125 : #76ea80 : ±0
126 : #76ea82 : +1
127 : #76ea84 : +2
128 : #76ea86 : +3
129 : #76ea88 : +4
130 : #76ea89 : +5
131 : #76ea8b : +6
132 : #76ea8d : +7
133 : #76ea8f : +8
134 : #76ea91 : +9
135 : #76ea93 : +10
S : 彩度 ( 73% )
(0%) 渋い ~ 鮮やか (100%)
1 : #afb1af : -72
3 : #aeb2ae : -70
5 : #acb4ad : -68
7 : #aab5ab : -66
9 : #a9b7aa : -64
11 : #a7b9a9 : -62
13 : #a6baa7 : -60
15 : #a4bca6 : -58
17 : #a3bda5 : -56
19 : #a1bfa3 : -54
21 : #9fc1a2 : -52
23 : #9ec2a1 : -50
25 : #9cc49f : -48
27 : #9bc59e : -46
29 : #99c79d : -44
31 : #97c89c : -42
33 : #96ca9a : -40
35 : #94cc99 : -38
37 : #93cd98 : -36
39 : #91cf96 : -34
41 : #90d095 : -32
43 : #8ed294 : -30
45 : #8cd492 : -28
47 : #8bd591 : -26
49 : #89d790 : -24
51 : #88d88e : -22
53 : #86da8d : -20
55 : #84db8c : -18
57 : #83dd8a : -16
59 : #81df89 : -14
61 : #80e088 : -12
63 : #7ee286 : -10
65 : #7de385 : -8
67 : #7be584 : -6
69 : #79e682 : -4
71 : #78e881 : -2
73 : #76ea80 : ±0
75 : #75eb7f : +2
77 : #73ed7d : +4
79 : #72ee7c : +6
81 : #70f07b : +8
83 : #6ef279 : +10
85 : #6df378 : +12
87 : #6bf577 : +14
89 : #6af675 : +16
91 : #68f874 : +18
93 : #66f973 : +20
95 : #65fb71 : +22
97 : #63fd70 : +24
99 : #62fe6f : +26
L : 明度 ( 69% )
(0%) 暗い ~ 明るい (100%)
1 : #010401 : -68
3 : #020d03 : -66
5 : #031605 : -64
7 : #051f07 : -62
9 : #062809 : -60
11 : #08310b : -58
13 : #09390d : -56
15 : #0a420f : -54
17 : #0c4b11 : -52
19 : #0d5413 : -50
21 : #0e5d15 : -48
23 : #106517 : -46
25 : #116e19 : -44
27 : #13771b : -42
29 : #14801d : -40
31 : #15891f : -38
33 : #179221 : -36
35 : #189a23 : -34
37 : #19a325 : -32
39 : #1bac27 : -30
41 : #1cb529 : -28
43 : #1ebe2b : -26
45 : #1fc72d : -24
47 : #20cf2f : -22
49 : #22d831 : -20
51 : #27dd36 : -18
53 : #30df3e : -16
55 : #38e046 : -14
57 : #41e14f : -12
59 : #4ae357 : -10
61 : #53e45f : -8
63 : #5ce667 : -6
65 : #65e76f : -4
67 : #6de878 : -2
69 : #76ea80 : ±0
71 : #7feb88 : +2
73 : #88ec90 : +4
75 : #91ee98 : +6
77 : #9aefa1 : +8
79 : #a2f1a9 : +10
81 : #abf2b1 : +12
83 : #b4f3b9 : +14
85 : #bdf5c1 : +16
87 : #c6f6ca : +18
89 : #cef7d2 : +20
91 : #d7f9da : +22
93 : #e0fae2 : +24
95 : #e9fcea : +26
97 : #f2fdf3 : +28
99 : #fbfefb : +30
CSS入門、作ってます。
text-shadow